Added new community Blockchain to the skills picker page. Backend work is pending

Author: sushilshinde

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

@@ -14,6 +14,7 @@ import _ from 'lodash'
     vm.IOS_PROGRAM_ID = parseInt(CONSTANTS.SWIFT_PROGRAM_ID)
     vm.PREDIX_PROGRAM_ID = parseInt(CONSTANTS.PREDIX_PROGRAM_ID)
     vm.IBM_COGNITIVE_PROGRAM_ID = parseInt(CONSTANTS.IBM_COGNITIVE_PROGRAM_ID)
+    vm.BLOCKCHAIN_PROGRAM_ID = parseInt(CONSTANTS.BLOCKCHAIN_PROGRAM_ID)
     vm.submitSkills = submitSkills
     vm.featuredSkills = featuredSkills
     vm.userId = userProfile.userId
@@ -93,9 +94,17 @@ import _ from 'lodash'
         dirty: false,
         display: true
       }
+      vm.communities['blockchain'] = {
+        displayName: 'Blockchain',
+        programId: vm.PREDIX_PROGRAM_ID,
+        status: false,
+        dirty: false,
+        display: true
+      }
       _addWatchToCommunity(vm.communities['ios'])
       _addWatchToCommunity(vm.communities['predix'])
       _addWatchToCommunity(vm.communities['ibm_cognitive'])
+      _addWatchToCommunity(vm.communities['blockchain'])
     }
 
     /**
@@ -133,7 +142,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

@@ -16,13 +16,16 @@
             img(ng-if="communityKey == 'ios' && !community.status", src=require("../../assets/images/ico-ios-community-grey.svg"))
             img(ng-if="communityKey == 'predix' && community.status", src=require("../../assets/images/ico-predix-community.svg"))
             img(ng-if="communityKey == 'predix' && !community.status", src=require("../../assets/images/ico-predix-community-grey.svg"))
+            img(ng-if="communityKey == 'blockchain' && community.status", src=require("../../assets/images/ico-predix-community.svg"))
+            img(ng-if="communityKey == 'blockchain' && !community.status", src=require("../../assets/images/ico-predix-community-grey.svg"))
 
           .community__text
             span.community__title(class="{{!community.status && 'disabled'}}") {{community.displayName}}
             .community__description
               span(ng-if="communityKey == 'ibm_cognitive'") Cognitive Community
               span(ng-if="communityKey == 'ios'") Mobile app design and development for iOS, with Swift emphasis
               span(ng-if="communityKey == 'predix'") Design and development on GE’s platform for the Industrial Internet of Things
+              span(ng-if="communityKey == 'blockchain'") Help create the future of Blockchain-based applications
 
         onoff-switch(model="community.status", unique-id="'community-' + communityKey")
 

app/topcoder.constants.js

@@ -30,6 +30,7 @@ angular.module('CONSTANTS', []).constant('CONSTANTS', {
   'SWIFT_PROGRAM_ID'       : 3445,
   'PREDIX_PROGRAM_ID'      : process.env.PREDIX_PROGRAM_ID || 3448,
   'IBM_COGNITIVE_PROGRAM_ID'      : process.env.IBM_COGNITIVE_PROGRAM_ID || 3449,
+  'BLOCKCHAIN_PROGRAM_ID'      : process.env.BLOCKCHAIN_PROGRAM_ID || 111111,
   'UPCOMING_SRMS_URL'      : 'https://www.topcoder.com/challenges/data/upcoming/',
   'EVENT_USER_LOGGED_IN'   : 'user_logged_in',
   'EVENT_USER_LOGGED_OUT'  : 'user_logged_out',