From e02b5a74d74226ffc697bdbe082b25cc2c143b8d Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bf@oerskov-gruppen.lan>
Date: Mon, 27 Apr 2020 14:16:15 +0200
Subject: [PATCH] Replace traditional checkbox with umb-checkbox component.

---
 .../src/views/packages/views/repo.html        | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/packages/views/repo.html b/src/Umbraco.Web.UI.Client/src/views/packages/views/repo.html
index 039f9f2d02..0d1d7ed8ab 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packages/views/repo.html
+++ b/src/Umbraco.Web.UI.Client/src/views/packages/views/repo.html
@@ -356,18 +356,16 @@
                             </div>
 
                             <div class="umb-info-local-item mt4 flex items-center flex-column" ng-if="vm.installState.status == '' && vm.localPackage.isCompatible">
-                                <label for="license-accept" class="umb-package-installer-label">
-                                    <input type="checkbox" id="license-accept" ng-model="vm.localPackage.packageLicenseAccept" required no-dirty-check>
-                                    <strong class="label-text"><localize key="packager_accept">I accept</localize> <a href="{{ vm.localPackage.licenseUrl }}" target="_blank"><localize key="packager_termsOfUse">terms of use</localize></a></strong>
-                                </label>
-                                <umb-button
-                                    ng-if="vm.installState.type !== 'error'"
-                                    class="mt3"
-                                    type="button"
-                                    button-style="success"
-                                    disabled="localPackageForm.$invalid"
-                                    action="vm.installPackage(vm.localPackage)"
-                                    label-key="packager_packageInstall">
+                                <umb-checkbox model="vm.localPackage.packageLicenseAccept" required="true">
+                                    <strong class="label-text"><localize key="packager_accept">I accept</localize> <a href="#" ng-href="{{vm.localPackage.licenseUrl}}" target="_blank"><localize key="packager_termsOfUse">terms of use</localize></a></strong>
+                                </umb-checkbox>
+                                <umb-button ng-if="vm.installState.type !== 'error'"
+                                            class="mt3"
+                                            type="button"
+                                            button-style="success"
+                                            disabled="localPackageForm.$invalid"
+                                            action="vm.installPackage(vm.localPackage)"
+                                            label-key="packager_packageInstall">
                                 </umb-button>
                             </div>