working edit page, added notes to db, lots of minor style changes

This commit is contained in:
Lynne Megido 2020-09-17 23:37:11 +10:00
parent 19a2c0e631
commit f571265130
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90
11 changed files with 165 additions and 47 deletions

View File

@ -9,7 +9,7 @@ using Snootalogue.Data;
namespace snootalogue.Migrations
{
[DbContext(typeof(SnootalogueContext))]
[Migration("20200915115113_InitialCreate")]
[Migration("20200917125618_InitialCreate")]
partial class InitialCreate
{
protected override void BuildTargetModel(ModelBuilder modelBuilder)
@ -25,7 +25,7 @@ namespace snootalogue.Migrations
.HasColumnType("INTEGER");
b.Property<string>("Authors")
.HasColumnType("TEXT");
.HasColumnType("jsonb");
b.Property<string>("Category")
.HasColumnType("TEXT");
@ -39,6 +39,9 @@ namespace snootalogue.Migrations
b.Property<string>("Hash")
.HasColumnType("TEXT");
b.Property<string>("Notes")
.HasColumnType("TEXT");
b.Property<bool>("Read")
.HasColumnType("INTEGER");
@ -46,7 +49,7 @@ namespace snootalogue.Migrations
.HasColumnType("INTEGER");
b.Property<string>("Tags")
.HasColumnType("TEXT");
.HasColumnType("jsonb");
b.Property<string>("Title")
.HasColumnType("TEXT");

View File

@ -17,11 +17,12 @@ namespace snootalogue.Migrations
Hash = table.Column<string>(nullable: true),
Size = table.Column<long>(nullable: false),
Title = table.Column<string>(nullable: true),
Authors = table.Column<string>(nullable: true),
Authors = table.Column<string>(type: "jsonb", nullable: true),
Category = table.Column<string>(nullable: true),
DateAdded = table.Column<DateTime>(nullable: false),
Tags = table.Column<string>(nullable: true),
Read = table.Column<bool>(nullable: false)
Tags = table.Column<string>(type: "jsonb", nullable: true),
Read = table.Column<bool>(nullable: false),
Notes = table.Column<string>(nullable: true)
},
constraints: table =>
{

View File

@ -23,7 +23,7 @@ namespace snootalogue.Migrations
.HasColumnType("INTEGER");
b.Property<string>("Authors")
.HasColumnType("TEXT");
.HasColumnType("jsonb");
b.Property<string>("Category")
.HasColumnType("TEXT");
@ -37,6 +37,9 @@ namespace snootalogue.Migrations
b.Property<string>("Hash")
.HasColumnType("TEXT");
b.Property<string>("Notes")
.HasColumnType("TEXT");
b.Property<bool>("Read")
.HasColumnType("INTEGER");
@ -44,7 +47,7 @@ namespace snootalogue.Migrations
.HasColumnType("INTEGER");
b.Property<string>("Tags")
.HasColumnType("TEXT");
.HasColumnType("jsonb");
b.Property<string>("Title")
.HasColumnType("TEXT");

View File

@ -15,10 +15,11 @@ namespace Snootalogue.Models {
[UIHint("CommaSeparatedList")]
public List<string> Authors { get; set; }
public string Category { get; set; }
[Display(Name = "Release Date")]
[Display(Name = "Date added")]
public DateTime DateAdded { get; set; }
[UIHint("CommaSeparatedList")]
public List<string> Tags { get; set; }
public Boolean Read { get; set; }
public string Notes { get; set; }
}
}

View File

@ -0,0 +1,42 @@
@page "{id:int}"
@model Snootalogue.Pages.Documents.EditModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
ViewData["Title"] = "Edit";
}
<form method="POST">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<input type="hidden" asp-for="ed.ID" />
<div class="form-group">
<label asp-for="ed.Title" class="control-label"></label>
<input asp-for="ed.Title" class="form-control"/>
</div>
<div class="form-group">
<label asp-for="ed.Category" class="control-label"></label>
<input asp-for="ed.Category" class="form-control"/>
</div>
<div class="form-group">
<label asp-for="ed.Notes" class="control-label"></label>
@* <input asp-for="EditDocument.Notes" class="form-control"/> *@
@Html.TextAreaFor(model => model.ed.Notes)
</div>
<div class="form-group">
<label asp-for="ed.Read" class="control-label"></label>
<input asp-for="ed.Read" class="form-control"/>
</div>
<div class="centred">
<input type="submit" class="button block" value="Edit"/>
<br>
<a href="/" class="button block">Cancel</a>
</div>
</form>
@* value="@Model.EditDocument.Title" *@

View File

@ -0,0 +1,69 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.EntityFrameworkCore;
using Snootalogue.Data;
using Snootalogue.Models;
using Snootalogue.ViewModels;
namespace Snootalogue.Pages.Documents {
public class EditModel : PageModel {
private readonly SnootalogueContext _context;
[BindProperty]
public EditDocument ed { get; set; }
public EditModel(SnootalogueContext context) {
_context = context;
}
public async Task<IActionResult> OnGetAsync(int? id) {
if (id == null) {
return NotFound();
}
var Document = await _context.Document.FirstOrDefaultAsync(d => d.ID == id);
if (Document == null) {
return NotFound();
}
ed = new EditDocument {
ID = Document.ID,
Title = Document.Title,
Authors = Document.Authors,
Category = Document.Category,
Tags = Document.Tags,
Read = Document.Read
};
return Page();
}
public async Task<IActionResult> OnPostAsync() {
if (!ModelState.IsValid) {
return Page();
}
Document d = _context.Document.First(d => d.ID == ed.ID);
d.Title = ed.Title;
d.Category = ed.Category;
d.Notes = ed.Notes;
d.Read = ed.Read;
_context.Attach(d).State = EntityState.Modified;
try {
await _context.SaveChangesAsync();
}
catch (DbUpdateConcurrencyException e) {
// TODO: handle it like https://github.com/dotnet/AspNetCore.Docs/blob/master/aspnetcore/tutorials/razor-pages/razor-pages-start/sample/RazorPagesMovie30/Pages/Movies/Edit.cshtml.cs#L56
throw e;
}
return RedirectToPage("/Index");
}
}
}

View File

@ -28,7 +28,7 @@
<div class="vertical-buttons">
<a href="/Content/@item.Filename" class="button simple">View</a>
<a asp-page="./Documents/Details" asp-route-id="@item.ID" class="button simple">Details</a>
<a href="#" class="button simple">Edit</a>
<a asp-page="./Documents/Edit" asp-route-id="@item.ID" class="button simple">Edit</a>
<a href="#" class="button simple">Delete</a>
</div>
</div>

View File

@ -10,7 +10,7 @@
<body>
<nav>
<div id="nav-links">Snootalogue</div>
<div id="nav-links"><a href="/">Snootalogue</a></div>
<div id="nav-controls">
<input id="nav-search" type="search" placeholder="Search...">
<a class="button inverted" href="#">Help</a>

View File

@ -1,27 +0,0 @@
{
"iisSettings": {
"windowsAuthentication": false,
"anonymousAuthentication": true,
"iisExpress": {
"applicationUrl": "http://localhost:37553",
"sslPort": 44374
}
},
"profiles": {
"IIS Express": {
"commandName": "IISExpress",
"launchBrowser": true,
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
},
"snootalogue": {
"commandName": "Project",
"launchBrowser": true,
"applicationUrl": "http://localhost:5000",
"environmentVariables": {
"ASPNETCORE_ENVIRONMENT": "Development"
}
}
}
}

View File

@ -0,0 +1,22 @@
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
// a version of the Document model designed for user editing
namespace Snootalogue.ViewModels {
public class EditDocument {
[Required]
public int ID { get; set; }
[Required]
public string Title { get; set; }
[UIHint("CommaSeparatedList")]
public List<string> Authors { get; set; }
public string Category { get; set; }
[UIHint("CommaSeparatedList")]
public List<string> Tags { get; set; }
public Boolean Read { get; set; }
public string Notes { get; set; }
}
}

View File

@ -22,7 +22,8 @@ a {
text-decoration: none;
}
a.button {
.button {
font-size: 1em;
color: #a66;
background: transparent;
border: thin #a66 solid;
@ -31,19 +32,19 @@ a.button {
text-align: center;
transition: 0.2s all;
}
a.button:hover {
.button:hover {
background: #a66;
color: white;
}
a.button.block {
.button.block {
display: inline-block;
margin: 5px auto;
}
a.button.inverted {
.button.inverted {
color: white;
border-color: white;
}
a.button.inverted:hover {
.button.inverted:hover {
background: white;
color: #a00;
}
@ -52,15 +53,15 @@ a.button.inverted:hover {
display: flex;
flex-direction: column;
}
.vertical-buttons a.button {
.vertical-buttons .button {
flex: 1;
border-bottom: none;
border-radius: 0;
}
.vertical-buttons a.button:first-child {
.vertical-buttons .button:first-child {
border-radius: 5px 5px 0 0;
}
.vertical-buttons a.button:last-child {
.vertical-buttons .button:last-child {
border-bottom: thin #a66 solid;
border-radius: 0 0 5px 5px;
}
@ -75,6 +76,9 @@ nav {
#nav-links {
font-size: 1.4em;
}
#nav-links a {
color: white;
}
#nav-links, #nav-search {
margin: auto 0;
}
@ -156,7 +160,7 @@ main {
}
@media only screen and (max-width: 800px) {
a.button {
.button {
padding: 3px 5px;
}
}