From 326f3857f948ef6bce72a3bce53b671dc64e322c Mon Sep 17 00:00:00 2001
From: palak <palak.handa@viithiisys.com>
Date: Fri, 24 Nov 2017 16:38:19 +0530
Subject: [PATCH] update radio buttons

---
 css/custom.css          | 46 +++++++++++++++++++++++++++++-----------------
 pages/registration.html | 12 ++++++++++--
 script.js               |  4 ++--
 3 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index af58686..e487eb5 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1193,7 +1193,21 @@ input.hidden {
 .container {
     display: block;
     position: relative;
-    padding-left: 29px;
+    padding-left: 35px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 16px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    width:100%;
+}
+
+.container1 {
+    display: block;
+    position: relative;
+    padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
@@ -1204,13 +1218,13 @@ input.hidden {
     width:100%;
 }
 
-/* Hide the browser's default checkbox */
+/* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 
-/* Create a custom checkbox */
+/* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
@@ -1218,6 +1232,7 @@ input.hidden {
     height: 25px;
     width: 25px;
     background-color: #eee;
+    border-radius: 50%;
 }
 
 /* On mouse-over, add a grey background color */
@@ -1225,32 +1240,29 @@ input.hidden {
     background-color: #ccc;
 }
 
-/* When the checkbox is checked, add a blue background */
+/* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 
-/* Create the checkmark/indicator (hidden when not checked) */
+/* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 
-/* Show the checkmark when checked */
+/* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 
-/* Style the checkmark/indicator */
+/* Style the indicator (dot/circle) */
 .container .checkmark:after {
-    left: 9px;
-    top: 5px;
-    width: 5px;
-    height: 10px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
+  top: 9px;
+  left: 9px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: white;
+}
\ No newline at end of file
diff --git a/pages/registration.html b/pages/registration.html
index 278682c..70a8bcb 100644
--- a/pages/registration.html
+++ b/pages/registration.html
@@ -763,10 +763,18 @@
                      <!-- <label style="padding-left:10px;">
                         <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/-
                      </label> -->
-                     <label class="container">Networking Dinner with Investors and Speakers: Rs 2,000/-
-                       <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
+                     <label class="container" style="padding:0;">Networking Dinner with Investors and Speakers: Rs 2,000/-
+                       <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
+                       <span class="checkmark"></span> -->
+                     <label class="container1">Yes
+                       <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true">
                        <span class="checkmark"></span>
                      </label>
+                     <label class="container1">No
+                       <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false">
+                       <span class="checkmark"></span>
+                     </label>
+                     </label>
                   <!-- </div> -->
                </div>
                <div class="clearfix"></div>
diff --git a/script.js b/script.js
index 817cb58..85ee2bb 100644
--- a/script.js
+++ b/script.js
@@ -290,7 +290,7 @@
 	    //$scope.author = 'Swarn Singh';
 	    $scope.data = {};
 	    $scope.data.stage = 'Pitch your Idea';
-	    $scope.data.networkDinner = false;
+	    $scope.data.networkDinner = "true";
 	    $scope.discountAmount = 0;
 	    $scope.check = false;
 	    $scope.numberCheck = false;
@@ -501,7 +501,7 @@
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                //$scope.userId = result.data.id;
-	          	if($scope.data.networkDinner == true){
+	          	if($scope.data.networkDinner == "true"){
 			        if($scope.data.citymeetup == "chandigarh"){
 				    	if ($scope.data.stage == "Pitch your Idea") {
 				            console.log("$scope.data", $scope.data)
-- 
2.0.0