Skin repo index and viewskin pages

2 files changed, 70 insertions, 0 deletions

diff --git a/Project-Unite/Views/Skins/Index.cshtml b/Project-Unite/Views/Skins/Index.cshtml
new file mode 100644
index 0000000..4ef209e
--- /dev/null
+++ b/Project-Unite/Views/Skins/Index.cshtml
@@ -0,0 +1,47 @@
+@model IEnumerable<Project_Unite.Models.Skin>
+@{
+    ViewBag.Title = "Skin Repository";
+}
+
+<h2>ShiftOS Skin Repository</h2>
+
+<p>ShiftOS skins allow you to shift the operating system to look like anything you want. You can make it look like other operating systems, you can give the UI a different feel, or you could just change the titlebar font. The sky and your disk space is the limit.</p>
+
+<p>You can either create your own skin, or you can select from the many skins in the Skin Reposiory made by the community.</p>
+
+<ul class="nav nav-pills">
+    @if (Request.IsAuthenticated)
+    {
+        <li><a href="@Url.Action("PostSkin")"><span class="glyphicon glyphicon-plus"></span> Post a skin!</a></li>
+    }
+</ul>
+
+<table class="table">
+    <tr>
+        <th style="max-width:128px;"></th>
+        <th style="width:65%;">Skin</th>
+        <th>Popularity</th>
+        <th>Download</th>
+    </tr>
+    @foreach(var skin in Model)
+    {
+        <tr>
+            <td><img src="@skin.ScreenshotUrl" style="width:auto;height:auto;" /></td>
+            <td>
+                @Html.ActionLink(skin.Name, "ViewSkin", "Skins", new { id = skin.Name }, null) <br/>
+                <p>By @Html.UserLink(skin.UserId) on @skin.PostedAt</p>
+            </td>
+            <td>
+                @* First we'll do the likes... *@
+                <span class="glyphicon glyphicon-thumbs-up"></span> @skin.Likes.Length
+                @* Now the dislikes. *@
+                <span class="glyphicon glyphicon-thumbs-down"></span> @skin.Dislikes.Length
+                @*Now the views.*@
+                <span class="glyphicon glyphicon-eye-open"></span> @skin.Views.Length
+            </td>
+            <td>
+                <a href="@skin.DownloadUrl" class="btn btn-default"><span class="glyphicon glyphicon-arrow-down"></span> Download this skin</a>
+            </td>
+        </tr>
+    }
+</table>
\ No newline at end of file
diff --git a/Project-Unite/Views/Skins/ViewSkin.cshtml b/Project-Unite/Views/Skins/ViewSkin.cshtml
new file mode 100644
index 0000000..8b3b7c9
--- /dev/null
+++ b/Project-Unite/Views/Skins/ViewSkin.cshtml
@@ -0,0 +1,23 @@
+@model Project_Unite.Models.Skin
+@{
+    ViewBag.Title = Model.Name + " - Skin Repository";
+}
+
+<h2>@Model.Name</h2>
+
+<p>...a skin by @Html.UserLink(Model.UserId) on @Model.PostedAt</p>
+
+<div class="panel">
+    <div class="panel-body">
+        <a href="@Model.ScreenshotUrl"><img src="@Model.ScreenshotUrl" style="max-width:100%;width:auto;height:auto;" alt="Screenshot of @Model.Name. Click to show full-size image." /></a>
+
+        <ul class="nav nav-pills">
+            <li><a href="@Model.DownloadUrl"><span class="glyphicon glyphicon-arrow-down"></span> Download</a></li>
+        </ul>
+
+        <p>@Model.ShortDescription</p>
+        
+        <p>@Html.Markdown(Model.FullDescription)</p>
+    </div>
+</div>
+