On any change in the state of the page Done button will be active, and new user will be able to proceed.

Author: sushilshinde

app/skill-picker/skill-picker.controller.js

@@ -28,6 +28,7 @@ import _ from 'lodash'
     vm.isPageDirty = isPageDirty
     vm.isTracksDirty = isTracksDirty
     vm.isCommunitySelected = isCommunitySelected
+    vm.isPageStateDirty = false
     ///////
     activate()
 
@@ -42,20 +43,22 @@ import _ from 'lodash'
     /**
      * Verfies if the page state has been modified by the user in any way.
      */
-    function isPageDirty() {
+    function isPageDirty() {      
       return isTracksDirty() || isCommunitiesDirty()
     }
 
     /**
      * Verfies if the tracks section state has been modified by the user in any way.
      */
     function isTracksDirty() {
+      vm.isPageStateDirty = true
       return vm.tracks.DESIGN || vm.tracks.DEVELOP || vm.tracks.DATA_SCIENCE
     }
     /**
      * Verfies if the communities section state has been modified by the user in any way.
      */
     function isCommunitySelected() {
+      vm.isPageStateDirty = true
       var community = _.find(vm.communities, {status: true, display: true})
       return !!community
     }
@@ -133,7 +136,7 @@ import _ from 'lodash'
             if (community) {
               // set display false to avoid showing already enabled/registered program
               // we expect display property to be modified after first load  of the page
-              // community.status = true
+              community.status = true
               if (community.unregister){
                 community.unregister()
                 _addWatchToCommunity(community)

app/skill-picker/skill-picker.jade

@@ -74,4 +74,4 @@
     type="button",
     tc-busy-button, tc-busy-when="vm.saving",
     ng-click="vm.submitSkills()",
-    ng-disabled="vm.disableDoneButton || !vm.isPageDirty()") Done
+    ng-disabled="vm.disableDoneButton || vm.isPageStateDirty") Done