Merge pull request #3127 from MisRob/kds-kmodal-responsivedialog-policiesmodal

KDS to Studio: Use KModal in policy modals

Author: MisRob

contentcuration/contentcuration/frontend/settings/pages/UsingStudio/index.vue

@@ -78,8 +78,6 @@
       target="_blank"
       rel="noopener noreferrer"
     />
-
-    <PolicyModals />
   </div>
 
 </template>
@@ -88,14 +86,10 @@
 <script>
 
   import { mapActions } from 'vuex';
-  import PolicyModals from 'shared/views/policies/PolicyModals';
   import { policies } from 'shared/constants';
 
   export default {
     name: 'UsingStudio',
-    components: {
-      PolicyModals,
-    },
     methods: {
       ...mapActions('policies', ['openPolicy']),
       showTermsOfService() {

contentcuration/contentcuration/frontend/shared/views/ResponsiveDialog.vue

@@ -1,6 +1,13 @@
 <template>
 
-  <PoliciesModal :policy="policyName" ignoreAcceptance>
+  <PoliciesModal
+    :policy="policy"
+    :title="title"
+    :needsAcceptance="needsAcceptance"
+    data-test="community-standards-modal"
+    @accept="$emit('accept')"
+    @close="$emit('close')"
+  >
     <p>{{ $tr('description') }}</p>
     <p>
       <ActionLink
@@ -41,12 +48,28 @@
     components: {
       PoliciesModal,
     },
+    props: {
+      needsAcceptance: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    data() {
+      return {
+        policies,
+      };
+    },
     computed: {
-      policyName() {
-        return policies.COMMUNITY_STANDARDS;
+      policy() {
+        return this.policies.COMMUNITY_STANDARDS;
+      },
+      title() {
+        return this.$tr('communityStandardsHeader');
       },
     },
     $trs: {
+      communityStandardsHeader: 'Community Standards',
+
       description:
         'Learning Equality is a nonprofit organization dedicated to enabling equitable access to quality educational experiences. Along with our statement of Core Values, these Community Standards are intended to foster a supportive and inclusive environment for our users.',
       coreValuesLink: "Learn more about Learning Equality's core values",