[Vue] migrate DoNotTrackPreferenceController to vue (#18989)

* migrate donottrackpreferencecontroller to vue

* fix some bugs

* Update usersOptOut.twig

* Update DoNotTrackPreference.vue

Co-authored-by: sgiehl <stefan@matomo.org>

1 files changed, 5 insertions, 13 deletions

diff --git a/plugins/PrivacyManager/templates/usersOptOut.twig b/plugins/PrivacyManager/templates/usersOptOut.twig
index 51fc9050a1..c9def239b9 100644
--- a/plugins/PrivacyManager/templates/usersOptOut.twig
+++ b/plugins/PrivacyManager/templates/usersOptOut.twig
@@ -23,19 +23,11 @@
                 {% endif %}
             </p>
 
-            <div piwik-form ng-controller="DoNotTrackPreferenceController as doNotTrack">
-
-                {# {{ {'module':'PrivacyManager','nonce':nonce,'action':action} | urlRewriteWithParameters }}#DNT #}
-                <div piwik-field uicontrol="radio" name="doNotTrack"
-                     ng-model="doNotTrack.enabled"
-                     options="{{ doNotTrackOptions|json_encode }}"
-                     value="{% if dntSupport %}1{% else %}0{% endif %}"
-                     inline-help="{{ 'PrivacyManager_DoNotTrack_Description'|translate|e('html_attr') }}">
-                </div>
-
-                <div piwik-save-button onconfirm="doNotTrack.save()" saving="doNotTrack.isLoading"></div>
-
-            </div>
+      <div
+        vue-entry="PrivacyManager.DoNotTrackPreference"
+        dnt-support="{{ dntSupport|default(null)|json_encode|e('html_attr') }}"
+        do-not-track-options="{{ doNotTrackOptions|default(null)|json_encode|e('html_attr') }}"
+      ></div>
 
         </div>
     {% endif %}