Skip to content

Commit

Permalink
Adding instructions and minor changes
Browse files Browse the repository at this point in the history
  • Loading branch information
RogerSmithR committed Apr 21, 2022
1 parent 8e7e1bd commit dd4ed20
Show file tree
Hide file tree
Showing 35 changed files with 967 additions and 721 deletions.
Binary file modified .vs/paintbynumbers/v17/.suo
Binary file not shown.
Binary file modified PaintByNumbersProject/.vs/PaintByNumbersProject/v17/.suo
Binary file not shown.
12 changes: 11 additions & 1 deletion PaintByNumbersProject/Views/Home/Index.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,18 @@
<h1 class="display-4">Web DEMO</h1>
<p>This web application is a project developed by Clemson Students in the class “Software Development Methodology” in 2022.

The project consists of a web application developed in Asp.Net Core MVC in which the user will have the opportunity to learn or improve their coloring skills. This project offers different options to the user, from a daily random painting to a specific picture from the catalog in the app. It is required to register with an email account to access all data and compete against other people worldwide. The site provides a graph showing the top ten scoring users.
The project consists of a web application developed in Asp.Net Core 6 MVC in which the user will have the opportunity to learn or improve their coloring skills. This project offers different options to the user, from a daily random painting to a specific picture from the catalog in the app. It is required to register with an email account to access all data and compete against other people worldwide. The site provides a graph showing the top ten scoring users.

The scoring will depend on the time the user takes to finish the coloring task and the complexity of the drawing.</p>
<p><a href="https://github.com/zikpefu/paintbynumbers">GitHub Project URL</a></p>
<hr>
<h5>Instructions:</h5>
<p>1) Login or Register at the top right of the page.</p>
<p>2) After you login goto "My Images".</p>
<p>3) Hit "Create New".</p>
<p>4) Name your image and select an image from your files.</p>
<p>5) Hit "Create".</p>
<p>6) Now Hit "Generate the Painting image" [Painting is misspelled] and then hit "Save Image".</p>
<p>7) Hit "Go to Painting Image".</p>
<p>8) Now you can Paint! Click on the above buttons to change the color of the fill. It starts off as gray by default).</p>
</div>
174 changes: 172 additions & 2 deletions PaintByNumbersProject/Views/Home/Privacy.cshtml

Large diffs are not rendered by default.

46 changes: 24 additions & 22 deletions PaintByNumbersProject/Views/Image/Create.cshtml
Original file line number Diff line number Diff line change
@@ -1,38 +1,40 @@
@model PaintByNumbersProject.Models.ImageModel

@{
ViewData["Title"] = "Create";
ViewData["Title"] = "Create";
}

<h4>Add new image</h4>
<p>You can add up to 5 images.</p>
<hr />
<div class="row">
<div class="col-md-4">
<form asp-action="Create" enctype="multipart/form-data">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="Title" class="control-label"></label>
<input asp-for="Title" class="form-control" />
<span asp-validation-for="Title" class="text-danger"></span>
</div>
<div class="form-group mt-3">
<label asp-for="ImageFile" class="control-label"></label>
<input asp-for="ImageFile" accept="image/*" />
<br />
<span asp-validation-for="ImageFile" class="text-danger"></span>
</div>
<div class="form-group mt-3">
<input type="submit" value="Create" class="btn btn-primary" />
</div>
</form>
</div>
<div class="col-md-4">
<form asp-action="Create" enctype="multipart/form-data">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="Title" class="control-label"></label>
<input asp-for="Title" class="form-control" />
<span asp-validation-for="Title" class="text-danger"></span>
</div>
<div class="form-group mt-3">
<label asp-for="ImageFile" class="control-label"></label>
<input asp-for="ImageFile" accept="image/*" />
<br />
<span asp-validation-for="ImageFile" class="text-danger"></span>
</div>
<div class="form-group mt-3">
<input type="submit" value="Create" class="btn btn-primary" />
</div>
</form>
</div>
</div>

<div class="mt-3">
<a asp-action="Index">Back to List</a>
<a href="/Image" class="btn btn-warning mr-3">Back to List</a>
</div>

@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
@{
await Html.RenderPartialAsync("_ValidationScriptsPartial");
}
}
4 changes: 2 additions & 2 deletions PaintByNumbersProject/Views/Image/Delete.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@

<form asp-action="Delete">
<input type="hidden" asp-for="ImageId" />
<input type="submit" value="Delete" class="btn btn-danger" /> |
<a asp-action="Index">Back to List</a>
<a href="/Image" class="btn btn-warning mr-3">Back to List</a> |
<input type="submit" value="Delete" class="btn btn-danger" />
</form>
</div>
8 changes: 4 additions & 4 deletions PaintByNumbersProject/Views/Image/Details.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@
{
<div class="row mb-3">
<div class="col-md-12">
<a href="/Image" class="btn btn-warning mr-3">Back to List</a>
<a href="/Image" class="btn btn-warning mr-3">Back to List</a> |
<a href="/Image/Paint/@Model.ImageId" class="btn btn-primary mr-3" id="btnPaintImage">Go to paint the Image!</a>
</div>
</div>
Expand All @@ -51,9 +51,9 @@ else
{
<div class="row mb-3">
<div class="col-md-12">
<a href="/Image" class="btn btn-warning mr-3">Back to List</a>
<button type="button" class="btn btn-primary mt-1 mr-3" id="btnProcess">Generate the Paiting Image</button>
<button type="button" class="btn btn-success mt-1 mr-3 ocultar" id="btnSaveImage">Save Imagen</button>
<a href="/Image" class="btn btn-warning mr-3">Back to List</a> |
<button type="button" class="btn btn-primary mt-1 mr-3" id="btnProcess">Generate the Painting Image</button>
<button type="button" class="btn btn-success mt-1 mr-3 ocultar" id="btnSaveImage">Save Image</button>
<button type="button" class="btn btn-danger mt-1 mr-3 ocultar" id="btnCancelImage">Cancel</button>
<a href="/Image/Paint/@Model.ImageId" class="btn btn-primary mb-6 mr-3 ocultar" id="btnPaintImage">Go to paint the Image!</a>
</div>
Expand Down
4 changes: 3 additions & 1 deletion PaintByNumbersProject/Views/Image/Paint.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<a href="/Image" class="btn btn-warning mr-3">Back to List</a>
@if (Model.PaintImageName != "Empty")
{
<button type="button" class="btn btn-success mt-1 mr-3 float-right" id="btnSaveImage" onclick="SaveImage()">Save Changes</button>
<button type="button" class="btn btn-success mt-1 mr-3 float-right" id="btnSaveImage" onclick="SaveImage()" style="display:none;">Save Changes</button>
}
</div>
</div>
Expand All @@ -24,6 +24,8 @@
}
else
{
<h5>Instructions:</h5>
<p>To paint each frame, first click on the desired color and then click on the area you want to color.</p>
<div class="hor-center">
@await Html.PartialAsync("_PaitingButtons")
<br />
Expand Down
4 changes: 3 additions & 1 deletion PaintByNumbersProject/Views/Paint/Index.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,9 @@

<link rel="stylesheet" type="text/css" href="~/css/paintCanvas.css">

<h1>Demo of Paiting</h1>
<h1>Demo of Painting</h1>
<h5>Instructions:</h5>
<p>To paint each frame, first click on the desired color and then click on the area you want to color.</p>
<div class="hor-center">
@await Html.PartialAsync("_PaitingButtons")
<br />
Expand Down
107 changes: 54 additions & 53 deletions PaintByNumbersProject/Views/Shared/_Layout.cshtml
Original file line number Diff line number Diff line change
@@ -1,63 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"]</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Paint by Number - @ViewData["Title"]</title>

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="~/css/boot_style.css" />
@* <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />*@
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="~/PaintByNumbersProject.styles.css" asp-append-version="true" />
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="~/css/boot_style.css" />
@* <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />*@
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
<link rel="stylesheet" href="~/PaintByNumbersProject.styles.css" asp-append-version="true" />
</head>
<body>
<header>
<!-- <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">Paint By Numbers</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Paint" asp-action="Index">Demo</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Image" asp-action="Index">My Images</a>
</li>
</ul>
<partial name="_LoginPartial" />
</div>
</div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<header>
<!-- <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">
<img src="/favicon-32x32.png" width="35" alt="" class="d-inline-block align-middle mr-2"> Paint By Numbers</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Paint" asp-action="Index">Demo</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Image" asp-action="Index">My Images</a>
</li>
</ul>
<partial name="_LoginPartial" />
</div>
</div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>

<footer class="border-top footer text-muted">
<div class="container">
&copy; 2022 - Paint By Numbers - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
<footer class="border-top footer text-muted">
<div class="container">
&copy; 2022 - Paint By Numbers - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>
2 changes: 1 addition & 1 deletion PaintByNumbersProject/Views/Shared/_LoginPartial.cshtml
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
</li>
<li class="nav-item">
<form class="form-inline" asp-area="Identity" asp-page="/Account/Logout" asp-route-returnUrl="@Url.Action("Index", "Home", new { area = "" })">
<button type="submit" class="nav-link btn btn-link text-dark">Logout</button>
<button type="submit" class="nav-link btn btn-link text-dark"><b>Logout</b></button>
</form>
</li>
}
Expand Down
Binary file not shown.
Binary file modified PaintByNumbersProject/bin/Debug/net6.0/PaintByNumbersProject.exe
Binary file not shown.
Binary file modified PaintByNumbersProject/bin/Debug/net6.0/PaintByNumbersProject.pdb
Binary file not shown.

Large diffs are not rendered by default.

Loading

0 comments on commit dd4ed20

Please sign in to comment.