Merge pull request #5 from annaked/feature/change-checkboxes-to-toggles

Change checkboxes to toggles
DamianKedzior · May 29, 2018 · af1a6e9 · af1a6e9
2 parents 5d4bd99 + 209f190
commit af1a6e9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/ExpressEntryCalculator.Web/Views/Home/Index.cshtml b/ExpressEntryCalculator.Web/Views/Home/Index.cshtml
@@ -113,7 +113,7 @@
                 <div class="form-group">
                     <label asp-for="SecondLanguage" class="col-xs-12 col-md-6">Did you pass second language exam? </label>
                     <div class="col-xs-12 col-md-2">
-                        <input asp-for="SecondLanguage" onclick="showHideSecondLanguage(this)" />
+                        <input asp-for="SecondLanguage" onchange="showHideSecondLanguage(this)" data-toggle="toggle" data-on="Yes" data-off="No" />
                     </div>
                 </div>
             </div>
@@ -240,7 +240,7 @@
             <div class="form-group">
                 <label asp-for="CanadianFamilyMember" class="col-xs-12 col-md-6">Do you or your spouse or common law partner (who will be included in your application under Express Entry) have brother or sister living in Canada who is a citizen or permanent resident of Canada? </label>
                 <div class="col-xs-12 col-md-2">
-                    <input asp-for="CanadianFamilyMember" />
+                    <input asp-for="CanadianFamilyMember" data-toggle="toggle" data-on="Yes" data-off="No" />
                 </div>
             </div>
 
@@ -276,7 +276,7 @@
             <div class=" form-group">
                 <label asp-for="CanadianProvincialOrTerritorialNomination" class="col-xs-12 col-md-6">Have you got provincial or territorial nomination? </label>
                 <div class="col-xs-12 col-md-2">
-                    <input asp-for="CanadianProvincialOrTerritorialNomination" />
+                    <input asp-for="CanadianProvincialOrTerritorialNomination" data-toggle="toggle" data-on="Yes" data-off="No" />
                 </div>
             </div>
 
@@ -289,7 +289,7 @@
                     <span class="help-block"> <strong>Warning:</strong> If your spouse or common - law partner is citizen or permanent resident of Canada can not be included in your application under Express Entry.</span>
                 </div>
                 <div class="col-xs-12 col-md-2">
-                    <input asp-for="SpouseExist" onclick="showHideSpouseExist(this)" />
+                    <input asp-for="SpouseExist" onchange="showHideSpouseExist(this)" data-toggle="toggle" data-on="Yes" data-off="No" />
                 </div>
             </div>
 

diff --git a/ExpressEntryCalculator.Web/Views/Shared/_Layout.cshtml b/ExpressEntryCalculator.Web/Views/Shared/_Layout.cshtml
@@ -15,6 +15,7 @@
         <link rel="stylesheet" href="~/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
         <link rel="stylesheet" href="~/css/site.css" />
         <link rel="stylesheet" href="~/lib/fontello/css/github.css" type="text/css" />
+        <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
     </environment>
     <environment exclude="Development">
         <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -32,6 +33,7 @@
         <link rel="stylesheet" href="~/lib/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
         <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
         <link rel="stylesheet" href="~/lib/fontello/css/github.min.css" type="text/css" />
+        <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
     </environment>
 
 </head>
@@ -90,6 +92,7 @@
         <script src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
         <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
         <script src="~/js/site.js" asp-append-version="true"></script>
+        <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
     </environment>
     <environment exclude="Development">
         <script src="~/lib/modernizr/modernizr-custom.js"></script>
@@ -111,6 +114,7 @@
                 asp-fallback-src="~/lib/jquery-validation/dist/jquery.validate.js"></script>
         <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
         <script src="~/js/site.min.js" asp-append-version="true"></script>
+        <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
     </environment>
 
     @RenderSection("Scripts", required: false)