From ea0cf71d2cd47d106df2ca6c96215dda553fcd4b Mon Sep 17 00:00:00 2001
From: Sebastiaan Janssen <sebastiaan@umbraco.com>
Date: Sun, 11 Sep 2016 12:57:30 +0200
Subject: [PATCH] Move ReleaseCompare to MVC

---
 OurUmbraco.Site/OurUmbraco.Site.csproj      |   2 +-
 OurUmbraco.Site/Views/ReleaseCompare.cshtml | 190 ++++++++++++++++++++
 2 files changed, 191 insertions(+), 1 deletion(-)
 create mode 100644 OurUmbraco.Site/Views/ReleaseCompare.cshtml

diff --git a/OurUmbraco.Site/OurUmbraco.Site.csproj b/OurUmbraco.Site/OurUmbraco.Site.csproj
index 2b756086..39c0740a 100644
--- a/OurUmbraco.Site/OurUmbraco.Site.csproj
+++ b/OurUmbraco.Site/OurUmbraco.Site.csproj
@@ -662,7 +662,7 @@
     <Content Include="scripts\forum\select2\select2-new.js" />
     <Content Include="scripts\forum\tags.js" />
     <Content Include="config\IISRewriteMaps.config" />
-    <Content Include="masterpages\ReleaseCompare.master" />
+    <Content Include="masterpages\__ReleaseCompare.master" />
     <Content Include="App_Plugins\ModelsBuilder\package.manifest" />
     <Content Include="config\tinyMceConfig.config" />
     <Content Include="config\scripting.config" />
diff --git a/OurUmbraco.Site/Views/ReleaseCompare.cshtml b/OurUmbraco.Site/Views/ReleaseCompare.cshtml
new file mode 100644
index 00000000..4b65826e
--- /dev/null
+++ b/OurUmbraco.Site/Views/ReleaseCompare.cshtml
@@ -0,0 +1,190 @@
+@inherits UmbracoTemplatePage
+@{
+    Layout = "~/Views/Master.cshtml";
+}
+<div class="has-sidebar release">
+    <div class="page-content">
+        <div class="sidebar-area">
+            <div class="sidebar-content">
+                <div class="content-wrapper">
+                    <nav>
+                        <ul class="level-1">
+                            <li>
+                                <a href="/contribute/progress">
+                                    <h3>In Progress</h3>
+                                </a>
+                            </li>
+                            <li class="active open">
+                                <a href="/contribute/releases">
+                                    <h3>All releases</h3>
+                                </a>
+                                <ul class="level-2">
+                                    <li class="active">
+                                        <a href="/contribute/releases/compare">
+                                            <h4>Compare Versions</h4>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </nav>
+                </div> <!-- .content-wrapper -->
+            </div> <!-- .sidebar-content -->
+        </div>
+        <div class="main-area">
+            <div class="main-content">
+                <div class="content-wrapper">
+                    <div>
+                        @Umbraco.RenderMacro("Breadcrumb", new { linkToCurrent = "1" })
+                    </div>
+
+                    <style>
+                        .release .explain {
+                            margin-top: 20px;
+                            border-bottom: 1px solid #eee;
+                            border-top: 1px solid #eee;
+                        }
+
+                            .release .explain h2 {
+                                margin-top: 12px;
+                                font-size: 2em;
+                                margin-bottom: .3rem;
+                                color: rgba(0,0,0,.8);
+                            }
+
+                        .release .dot {
+                            border: none;
+                        }
+
+                            .release .dot.big {
+                                position: relative;
+                                text-indent: 0;
+                                margin: 15px !important;
+                                float: left;
+                            }
+
+                        .statuses ul {
+                            list-style-type: none;
+                        }
+
+                            .statuses ul li {
+                                position: relative;
+                                margin-bottom: 10px;
+                                padding-left: 10px;
+                            }
+
+                        .statuses li:before {
+                            position: absolute;
+                            top: -4px;
+                            left: -25px;
+                            font-size: 1.5em;
+                        }
+
+                        .release .markdown-syntax a {
+                            text-decoration: none;
+                        }
+
+                            .release .markdown-syntax a:hover {
+                                text-decoration: underline;
+                            }
+
+                        .markdown-syntax.douh {
+                            margin-top: 0 !important;
+                        }
+
+                        .release .chart {
+                            height: 60px;
+                            width: 60px;
+                            top: inherit;
+                            left: inherit;
+                            text-align: center;
+                        }
+
+                            .release .chart p {
+                                vertical-align: middle;
+                                line-height: 2.7rem;
+                                display: inline-block;
+                            }
+
+                            .release .chart canvas {
+                                top: 0;
+                                left: 0;
+                            }
+
+                        .release .chartDesc {
+                            float: left;
+                            position: relative;
+                            line-height: 3.6em;
+                        }
+
+                        .release select {
+                            border-radius: 0;
+                            padding: 10px;
+                            background-position: 95% center;
+                            float: left;
+                        }
+
+                        .release .titles {
+                            padding: 12px 15px;
+                            font-size: .8rem;
+                            text-transform: uppercase;
+                            font-weight: 700;
+                            letter-spacing: .5px;
+                        }
+
+                        .release .to {
+                            margin-left: 20px;
+                            margin-right: 20px;
+                        }
+
+                        .release .button {
+                            float: right;
+                        }
+
+                        .explain .col-xs-12 {
+                            min-height: 50px;
+                        }
+
+                        .error {
+                            color: red !important;
+                        }
+                    </style>
+                    <div class="container">
+                        <div class="row markdown-syntax douh">
+                            <div class="col-sm-12">
+                                <h1>Compare Releases</h1>
+                                @Umbraco.RenderMacro("ReleasesDropdown")
+                            </div>
+                        </div>
+                    </div>
+                </div> <!-- .content-wrapper -->
+            </div> <!-- .main-content -->
+        </div> <!-- .main-area -->
+    </div> <!-- .page-content -->
+</div> <!-- has-sidebar -->
+
+@section EndScripts
+{
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/easy-pie-chart/2.1.4/jquery.easypiechart.min.js"></script>
+    <script type="text/javascript">
+        function offsetAnchor() {
+            if (location.hash.length !== 0) {
+                window.scrollTo(window.scrollX, window.scrollY - 120);
+            }
+        }
+
+        $(window).on("hashchange", function () {
+            offsetAnchor();
+        });
+
+        setTimeout(function () {
+            $('.chart').easyPieChart({
+                size: 60,
+                barColor: '#569327',
+                scaleColor: false,
+                trackColor: '#daf0c9'
+            });
+            offsetAnchor();
+        }, 300);
+    </script>
+}