feat: open users with skill filter (#5047)

* feat: open users with skill filter

* reactive data and dynamic filter

* missing semicolon

app/assets/v2/js/users.js

@@ -119,7 +119,6 @@ Vue.mixin({
           _alert('The invitation has been sent', 'info');
         }
       });
-
     },
     closeModal() {
       this.$refs['user-modal'].closeModal();
@@ -143,6 +142,22 @@ Vue.mixin({
           }
         });
       }
+    },
+    extractURLFilters: function() {
+      let vm = this;
+      let params = getURLParams();
+
+      vm.users = [];
+
+      if (params) {
+        for (var prop in params) {
+          if (prop === 'skills') {
+            vm.$set(vm.params, prop, params[prop].split(','));
+          } else {
+            vm.$set(vm.params, prop, params[prop]);
+          }
+        }
+      }
     }
   }
 });
@@ -185,6 +200,7 @@ if (document.getElementById('gc-users-directory')) {
     created() {
       this.fetchBounties();
       this.inviteOnMount();
+      this.extractURLFilters();
     },
     beforeMount() {
       window.addEventListener('scroll', () => {