@enso-ui/teams 4.0.10 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enso-ui/teams",
-  "version": "4.0.10",
+  "version": "5.0.0",
   "description": "Basic teams package",
   "main": "src/bulma/pages/teams/Index.vue",
   "scripts": {
@@ -24,9 +24,10 @@
     "@enso-ui/directives": "^2.0",
     "@enso-ui/select": "^3.0",
     "@enso-ui/transitions": "^2.0",
-    "@enso-ui/ui": "^5.0",
+    "@enso-ui/ui": "^6.0",
+    "@enso-ui/users": "^3.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.2",
-    "@fortawesome/free-solid-svg-icons": "^5.2.0",
+    "@fortawesome/free-solid-svg-icons": "^5.11.2",
     "@fortawesome/vue-fontawesome": "3.0.0-5",
     "vue": "^3.0"
   },

package/src/bulma/pages/teams/Index.vue

@@ -44,9 +44,9 @@
                     @create="teams.unshift($event); team = null"/>
             </div>
             <div class="column is-one-third-widescreen is-half-tablet"
-                v-for="(team, index) in filteredTeams"
+                v-for="(filteredTeam, index) in filteredTeams"
                 :key="index">
-                <team :team="team"
+                <team :team="filteredTeam"
                     @destroy="teams.splice(index, 1)"/>
             </div>
             <div class="column"
@@ -70,10 +70,10 @@ library.add(faPlus, faSearch, faSpinner);
 export default {
     name: 'Index',
 
-    inject: ['errorHandler', 'i18n', 'route'],
-
     components: { Fa, Team },
 
+    inject: ['errorHandler', 'http', 'i18n', 'route'],
+
     data: () => ({
         loading: false,
         ready: false,
@@ -99,7 +99,7 @@ export default {
         fetch() {
             this.loading = true;
 
-            axios.get(this.route('administration.teams.index'))
+            this.http.get(this.route('administration.teams.index'))
                 .then(({ data }) => {
                     this.teams = data;
                     this.loading = false;

package/src/bulma/pages/teams/components/Team.vue

@@ -98,11 +98,13 @@ library.add([faBan, faPencilAlt, faTrash, faCheck]);
 export default {
     name: 'Team',
 
-    inject: ['errorHandler', 'i18n', 'route', 'toastr'],
-
     directives: { focus },
 
-    components: { AvatarList, EnsoSelect, Fa, Fade },
+    components: {
+        AvatarList, EnsoSelect, Fa, Fade,
+    },
+
+    inject: ['errorHandler', 'http', 'i18n', 'route', 'toastr'],
 
     props: {
         team: {
@@ -121,7 +123,7 @@ export default {
         store() {
             this.loading = true;
 
-            axios.post(this.route('administration.teams.store'), this.team)
+            this.http.post(this.route('administration.teams.store'), this.team)
                 .then(({ data }) => {
                     this.loading = false;
                     this.toastr.success(data.message);
@@ -129,7 +131,7 @@ export default {
                     this.team.id = data.team.id;
                     this.team.edit = false;
                     this.$emit('create', this.team);
-                }).catch((error) => {
+                }).catch(error => {
                     if (error.response.status === 422) {
                         this.toastr.warning(this.i18n('Choose another name'));
                         return;
@@ -140,7 +142,7 @@ export default {
         destroy() {
             this.loading = true;
 
-            axios.delete(this.route('administration.teams.destroy', this.team.id))
+            this.http.delete(this.route('administration.teams.destroy', this.team.id))
                 .then(({ data }) => {
                     this.loading = false;
                     this.toastr.success(data.message);