feat: add column to Milestone Template table

Added column "Product Template"

Author: Maksym Mykhailenko

src/routes/metadata/components/MilestoneTemplatesGridView.jsx

@@ -10,7 +10,7 @@ import './MetaDataProjectTemplatesGridView.scss'
 const MilestoneTemplatesGridView = props => {
   const { totalCount, criteria, pageNum, pageSize, sortHandler,
     error, isLoading, infiniteAutoload, setInfiniteAutoload,
-    applyFilters, milestoneTemplates } = props
+    applyFilters, milestoneTemplates, productTemplates } = props
 
   const currentSortField = _.get(criteria, 'sort', '')
   // This 'little' array is the heart of the list component.
@@ -61,6 +61,21 @@ const MilestoneTemplatesGridView = props => {
           </div>
         )
       }
+    }, {
+      id: 'referenceId',
+      headerLabel: 'Product Template',
+      classes: 'item-key',
+      sortable: true,
+      renderText: item => {
+        const productTemplate = _.find(productTemplates, { id: item.referenceId })
+        return (
+          <div className="spacing project-template-container">
+            <div className="template-title">
+              {productTemplate ? `(${productTemplate.id}) ${productTemplate.name}` : '--'}
+            </div>
+          </div>
+        )
+      }
     }, {
       id: 'updatedAt',
       headerLabel: 'Updated At',

src/routes/metadata/containers/MilestoneTemplatesContainer.jsx

@@ -49,6 +49,7 @@ class MilestoneTemplatesContainer extends React.Component {
   render() {
     const {
       milestoneTemplates,
+      productTemplates,
       isLoading,
       isAdmin,
       currentUser,
@@ -78,6 +79,7 @@ class MilestoneTemplatesContainer extends React.Component {
           pageNum={1}
           pageSize={milestoneTemplates ? milestoneTemplates.length : 0}
           milestoneTemplates={milestoneTemplates}
+          productTemplates={productTemplates}
           criteria={criteria}
           sortHandler={this.sortHandler}
           error={error}
@@ -99,6 +101,7 @@ const mapStateToProps = ({ templates, loadUser }) => {
   const powerUserRoles = [ROLE_ADMINISTRATOR, ROLE_CONNECT_ADMIN]
 
   return {
+    productTemplates: templates.productTemplates,
     milestoneTemplates: templates.milestoneTemplates,
     isLoading: templates.isLoading,
     error: templates.error,