Fix panel headings styling for product detail page (#30)

* fix: Completed message shown
- checkout message changed to completed after order is completed

- checkout link to redirect the user to the home page after checkout.

- admin controls styling changed to accomodate new theme

* fix: Panel heading, Accordian style changed for Product detail page.

[fixes #152748804]

imports/plugins/core/checkout/client/templates/checkout/completed/completed.html

@@ -28,7 +28,7 @@ <h3><span data-i18n="cartCompleted.thankYou">Thank you!</span></h3>
  <div>
  <p>
  Please find your <b>download link</b> below and on the order page of your profile
- </p> 
+ </p>
  </div>
  {{/if}}
  </div>
@@ -37,6 +37,7 @@ <h3><span data-i18n="cartCompleted.thankYou">Thank you!</span></h3>
 
  <div class="row">
  {{> dashboardOrdersList}}
+
  </div>
  </div>
  </div>
@@ -52,4 +53,9 @@ <h1>Order Processing</h1>
  </div>
  {{/with}}
 {{/if}}
+<div class="container">
+<a href="/">
+ Back to Home Page
+</a>
+</div>
 </template>

imports/plugins/core/checkout/client/templates/checkout/completed/completed.js

@@ -30,6 +30,9 @@ Template.cartCompleted.helpers({
  if (this.workflow.status === "new") {
  return i18next.t("cartCompleted.submitted");
  }
+ if (this.workflow.status === "coreOrderWorkflow/completed") {
+ return i18next.t("order.completed");
+ }
  return this.workflow.status;
  },
  userOrders: function () {

imports/plugins/custom/theoden-rc/client/index.less

@@ -23,3 +23,6 @@
 
 //styles for the cart
 @import "styles/cart.less";
+
+//styles for the admin
+@import "styles/admin.less";

imports/plugins/custom/theoden-rc/client/styles/admin.less

@@ -0,0 +1,7 @@
+.admin-controls-content {
+ .panel-default {
+ >.panel-heading {
+ background-color:@background-purple
+ }
+ }
+}

imports/plugins/custom/theoden-rc/client/styles/button.less

@@ -3,28 +3,82 @@
  * */
 .btn{
  font-family: @font-family-patua-one;
-
+ border-color: @background-purple;
  &:hover{
  background-color: @background-light-purple;
+ border-color: @background-purple;
  }
+
  }
 
- .btn-success, .wallet-btn{
+ .btn-success, .wallet-btn,.btn-success.active.focus {
  background-color: @background-purple;
  color: white;
  border-color: @background-purple;
+ &:hover{
+ background-color: @background-light-purple;
+ border-color: @background-purple;
+ }
+ &:focus{
+ background-color: @background-light-purple;
+ }
+ &:active.focus{
+ background-color: @background-light-purple;
+ }
+ &:visited{
+ background-color: @background-light-purple;
+ }
  }
+.btn-info{
+ background-color: @background-light-purple;
 
+&:focus{
+ background-color: @background-light-purple;
+}
+&:hover{
+background-color: @background-purple;
+}
+}
 .btn[disabled]{
+ border-color: @background-purple;
  &:hover{
  background-color: @background-light-purple;
  }
  }
-#btn-checkout, .btn-warning, #btn-checkout-theoden{
+#btn-checkout,.checkout-btn, .btn-warning, #btn-checkout-theoden{
  width: 60%;
  margin: auto;
+ border-color: @background-purple;
+ &:hover{
+ background-color: @background-light-purple;
+ border-color: @background-purple;
+ }
+ &:focus{
+ background-color: @background-light-purple;
+ }
+ &:active{
+ background-color: @background-light-purple;
+ }
+ &:visited{
+ background-color: @background-light-purple;
+ }
+}
+
+.btn-toolbar > .btn-group{
+ border-color: @background-purple;
+
  &:hover{
  background-color: @background-light-purple;
+ border-color: @background-purple;
  }
+&:focus{
+ background-color: @background-light-purple;
+}
+&:active{
+ background-color: @background-light-purple;
+}
+&:visited{
+ background-color: @background-light-purple;
 }
 
+}

imports/plugins/custom/theoden-rc/client/styles/panel.less

@@ -22,6 +22,16 @@
  background-color: #e8e3e3;
 }
 
+.panel-heading{
+ background-color: @background-purple;
+ font-family: @font-family-patua-one;
+ color: white;
+}
+.panel-group-accordian .panel-active a.panel-heading {
+
+ background-color: @background-light-purple;
+ }
+
 .pdp.add-to-cart button{
  background-color: @background-purple;
  border-color: @background-purple;