appropriate_license_step_added

Author: neeraj-2

src/components/AppropriateLicenseStep.vue

@@ -0,0 +1,15 @@
+<template>
+    <div>
+        <p>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nisl eros,
+            pulvinar facilisis justo mollis, auctor consequat urna. Morbi a bibendum metus.
+            Donec scelerisque sollicitudin enim eu venenatis.
+        </p>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'AppropriateLicenseStep'
+}
+</script>

src/components/Stepper.vue

@@ -40,6 +40,7 @@ import StepHeader from './StepHeader'
 import StepNavigation from './StepNavigation'
 import { updateVisibleEnabledStatus } from '@/utils/license-utilities'
 import { initialSteps } from '@/utils/steps'
+import AppropriateLicenseStep from './AppropriateLicenseStep'
 
 export default {
     name: 'Stepper',
@@ -49,7 +50,8 @@ export default {
         CopyrightWaiverStep,
         DropdownStep,
         StepHeader,
-        StepNavigation
+        StepNavigation,
+        AppropriateLicenseStep
     },
     props: {
         value: {
@@ -91,6 +93,7 @@ export default {
         stepActionComponent({ name }) {
             switch (name) {
             case 'CW': return CopyrightWaiverStep
+            case 'AL': return AppropriateLicenseStep
             case 'DD': return DropdownStep
             case 'AD': return AttributionDetailsStep
             default: return ChooserStep

src/utils/license-utilities.js

@@ -138,8 +138,8 @@ function updateVisibleEnabledStatus(stepStatusData) {
             stepsDisabledDue = 'ND'
         } else {
             // User selects a non-ND BY license from the stepper
-            visible = ['FS', 'BY', 'NC', 'ND', 'SA', 'AD']
-            enabled = ['FS', 'BY', 'NC', 'ND', 'SA', 'AD']
+            visible = ['AL', 'FS', 'BY', 'NC', 'ND', 'SA', 'AD']
+            enabled = ['AL', 'FS', 'BY', 'NC', 'ND', 'SA', 'AD']
         }
     }
     return { visible, enabled, stepsDisabledDue }

src/utils/steps.js

@@ -20,11 +20,12 @@
  */
 export const initialSteps = [
     { id: 0, name: 'FS', visible: true, enabled: true, status: 'active', selected: undefined },
-    { id: 1, name: 'BY', visible: true, enabled: true, status: 'inactive', selected: undefined },
-    { id: 2, name: 'NC', visible: true, enabled: true, status: 'inactive', selected: undefined },
-    { id: 3, name: 'ND', visible: true, enabled: true, status: 'inactive', selected: undefined },
-    { id: 4, name: 'SA', visible: true, enabled: true, status: 'inactive', selected: undefined },
-    { id: 5, name: 'DD', visible: false, enabled: true, status: 'inactive', selected: undefined },
-    { id: 6, name: 'CW', visible: false, enabled: true, status: 'inactive', selected: undefined },
-    { id: 7, name: 'AD', visible: true, enabled: true, status: 'inactive', selected: undefined }
+    { id: 1, name: 'AL', visible: true, enabled: true, status: 'inactive', selected: true },
+    { id: 2, name: 'BY', visible: true, enabled: true, status: 'inactive', selected: undefined },
+    { id: 3, name: 'NC', visible: true, enabled: true, status: 'inactive', selected: undefined },
+    { id: 4, name: 'ND', visible: true, enabled: true, status: 'inactive', selected: undefined },
+    { id: 5, name: 'SA', visible: true, enabled: true, status: 'inactive', selected: undefined },
+    { id: 6, name: 'DD', visible: false, enabled: true, status: 'inactive', selected: undefined },
+    { id: 7, name: 'CW', visible: false, enabled: true, status: 'inactive', selected: undefined },
+    { id: 8, name: 'AD', visible: true, enabled: true, status: 'inactive', selected: undefined }
 ]