aircox/templates/aircox/dashboard/widgets/group_users.html

@@ -6,7 +6,7 @@
         <a-group-users v-if="item" ref="group-users"
             :url="'{% url 'api:usergroup-list' %}?group=' + item.id"
             commit-url="{% url 'api:usergroup-commit' %}"
-            :search-url="'{% url 'api:user-autocomplete' %}?search=${query}&group=' + item.id"
+            :search-url="'{% url 'api:user-autocomplete' %}?search=${query}&amp;not_in_group=' + item.id"
             :initials="{group_id: item.id }"
             />
     </template>

assets/src/components/AGroupUsers.vue

@@ -15,10 +15,10 @@
             </thead>
             <tbody>
                 <template v-for="item of items" :key="item.id">
-                    <tr>
+                    <tr :class="[item.created && 'has-text-info', item.deleted && 'has-text-danger']">
                         <td>
                             <b class="mr-3">{{ item.data.user.username }}</b>
-                            <span class="text-light">{{ item.data.user.first_name }} {{ item.data.user.last_name }}</span>
+                            <span>{{ item.data.user.first_name }} {{ item.data.user.last_name }}</span>
                         </td>
                         <td class="align-center">
                             <input type="checkbox" class="checkbox" @change="item.deleted = $event.target.checked">

assets/src/model.js

@@ -41,9 +41,8 @@ export default class Model {
         this.commit(data);
     }
 
-    get errors() {
-        return this.data && this.data.__errors__
-    }
+    get created() { return !this.id }
+    get errors() { return this.data && this.data.__errors__ }
 
     /**
      * Get instance id from its data