Merge pull request #862 from aravindparappil46/feature/844-version-dropdown-inactives

Distinguish Between Active And Inactive Project Versions

Author: nscuro

src/views/portfolio/projects/Project.vue

@@ -39,15 +39,34 @@
                         ></i
                       ></a>
                       <ul class="dropdown-menu">
-                        <span v-for="projectVersion in project.versions">
+                        <span v-for="projectVersion in activeProjectVersions">
                           <b-dropdown-item
                             :to="{
                               name: 'Project',
                               params: { uuid: projectVersion.uuid },
                             }"
-                            >{{ projectVersion.version }}</b-dropdown-item
                           >
+                            {{ projectVersion.version }}
+                          </b-dropdown-item>
                         </span>
+
+                        <b-dropdown-group
+                          v-if="inactiveProjectVersions.length > 0"
+                          header="Inactive Versions"
+                        >
+                          <span
+                            v-for="projectVersion in inactiveProjectVersions"
+                          >
+                            <b-dropdown-item
+                              :to="{
+                                name: 'Project',
+                                params: { uuid: projectVersion.uuid },
+                              }"
+                            >
+                              {{ projectVersion.version }}
+                            </b-dropdown-item>
+                          </span>
+                        </b-dropdown-group>
                       </ul>
                     </li>
                   </ol>
@@ -376,6 +395,12 @@ export default {
         return this.project.name;
       }
     },
+    activeProjectVersions() {
+      return this.project.versions.filter((version) => version.active);
+    },
+    inactiveProjectVersions() {
+      return this.project.versions.filter((version) => !version.active);
+    },
   },
   data() {
     return {