fixes and refactor

components/collections/ChooseType.vue

@@ -5,7 +5,7 @@
       <SmartTab
         :id="'team-collections'"
         :label="'Team Collections'"
-        v-if="currentUser && currentUser.eaInvited"
+        v-if="currentUser && currentUser.eaInvited && !doc"
       >
         <ul>
           <li>
@@ -40,6 +40,7 @@ import { currentUserInfo$ } from "~/helpers/teams/BackendUserInfo"
 
 export default {
   props: {
+    doc: Boolean,
     show: Boolean,
   },
   subscriptions() {

components/collections/index.vue

@@ -13,6 +13,7 @@
     <CollectionsChooseType
       :collectionsType="collectionsType"
       :show="showTeamCollections"
+      :doc="doc"
       @update-collection-type="updateCollectionType"
       @update-selected-team="updateSelectedTeam"
     />
@@ -108,7 +109,8 @@
             @edit-folder="editFolder($event)"
             @edit-request="editRequest($event)"
             @update-team-collections="updateTeamCollections"
-            @select-collection="$emit('use-collection', index)"
+            @select-collection="$emit('use-collection', collection)"
+            @unselect-collection="$emit('remove-collection', collection)"
             @select-folder="
               $emit('select-folder', {
                 folderName:
@@ -128,11 +130,10 @@
                 picked = $event.id
               }
             "
-            @unselect-collection="$emit('remove-collection', collection)"
             @expand-collection="expandCollection"
             @remove-collection="removeCollection"
             @remove-request="removeRequest"
-            :picked="picked"
+            :picked="picked.toString()"
           />
         </li>
       </ul>

components/collections/my/Collection.vue

@@ -12,7 +12,9 @@
       <button class="icon" @click="toggleShowChildren">
         <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
         <i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i>
-        <i v-if="picked === collectionIndex" class="text-green-400 material-icons">check_circle</i>
+        <i v-if="picked === collectionIndex.toString()" class="text-green-400 material-icons"
+          >check_circle</i
+        >
         <i v-else class="material-icons">folder</i>
         <span>{{ collection.name }}</span>
       </button>
@@ -92,7 +94,7 @@
               })
             "
             @remove-request="removeRequest"
-            :picked="picked"
+            :picked="picked.toString()"
           />
         </li>
       </ul>

components/collections/teams/Collection.vue

@@ -99,7 +99,7 @@
             "
             @expand-collection="expandCollection"
             @remove-request="removeRequest"
-            :picked="picked"
+            :picked="picked.toString()"
           />
         </li>
       </ul>
@@ -110,7 +110,7 @@
           class="ml-8 border-l border-brdColor"
         >
           <CollectionsTeamsRequest
-            :request="JSON.parse(request.request)"
+            :request="request.request"
             :collection-index="collectionIndex"
             :folder-index="-1"
             :folder-name="collection.name"

components/collections/teams/Folder.vue

@@ -93,7 +93,7 @@
           class="flex ml-8 border-l border-brdColor"
         >
           <CollectionsTeamsRequest
-            :request="JSON.parse(request.request)"
+            :request="request.request"
             :collection-index="collectionIndex"
             :folder-index="folderIndex"
             :folder-name="folder.name"

components/docs/Collection.vue

@@ -4,10 +4,14 @@
       <i class="material-icons">folder</i>
       {{ collection.name || $t("none") }}
     </h2>
-    <span class="folder" v-for="(folder, index) in collection.folders" :key="index">
+    <span
+      class="folder"
+      v-for="(folder, index) in collection.folders"
+      :key="`sub-collection-${index}`"
+    >
       <DocsFolder :folder="folder" />
     </span>
-    <div v-for="(request, index) in collection.requests" :key="index">
+    <div v-for="(request, index) in collection.requests" :key="`request-${index}`">
       <DocsRequest :request="request" />
     </div>
   </div>

components/teams/Edit.vue

@@ -165,6 +165,7 @@
 <script>
 import * as team_utils from "~/helpers/teams/utils"
 import cloneDeep from "lodash/cloneDeep"
+import TeamMemberAdapter from "~/helpers/teams/TeamMemberAdapter"
 
 export default {
   props: {
@@ -177,21 +178,19 @@ export default {
       rename: null,
       doneButton: '<i class="material-icons">done</i>',
       members: [],
-      membersSubject: null,
-      membersSubscription: null,
       newMembers: [],
+      membersAdapter: new TeamMemberAdapter(null),
     }
   },
+  mounted() {
+    this.membersAdapter.members$.subscribe((list) => {
+      console.log(list)
+      this.members = cloneDeep(list)
+    })
+  },
   watch: {
     editingteamID(teamID) {
-      team_utils.getLiveTeamMembersList(this.$apollo, teamID).then((subject) => {
-        this.membersSubject = subject
-
-        this.membersSubscription = this.membersSubject.subscribe((memberList) => {
-          console.log(memberList)
-          this.members = cloneDeep(memberList)
-        })
-      })
+      this.membersAdapter.changeTeamID(teamID)
     },
   },
   computed: {

components/teams/Team.vue

@@ -32,13 +32,12 @@
             class="icon"
             @click="exitTeam"
             v-close-popover
-            :disabled="!(team.myRole === 'OWNER' && team.ownersCount == 1)"
+            :disabled="team.myRole === 'OWNER' && team.ownersCount == 1"
           >
             <i class="material-icons">remove</i>
             <div
               v-tooltip.left="{
-                content:
-                  team.myRole === 'OWNER' && team.ownersCount == 1 ? null : $t('disable_exit'),
+                content: team.myRole === 'OWNER' && team.ownersCount == 1 ? $t('disable_exit') : '',
               }"
             >
               <span>{{ $t("exit") }}</span>

components/teams/index.vue

@@ -1,5 +1,16 @@
 <template>
   <AppSection class="green" icon="history" :label="$t('teams')" ref="teams" no-legend>
+    <div class="flex flex-col">
+      <label>{{ $t("teams") }}</label>
+      <div v-if="fb.currentUser"></div>
+      <div v-else>
+        <label>{{ $t("login_with") }}</label>
+        <p>
+          <FirebaseLogin />
+        </p>
+      </div>
+    </div>
+
     <TeamsAdd :show="showModalAdd" @hide-modal="displayModalAdd(false)" />
     <TeamsEdit
       :team="myTeams[0]"
@@ -53,6 +64,7 @@ ul {
 
 <script>
 import gql from "graphql-tag"
+import { fb } from "~/helpers/fb"
 
 export default {
   data() {
@@ -64,6 +76,7 @@ export default {
       editingteamID: "",
       me: {},
       myTeams: [],
+      fb,
     }
   },
   apollo: {