[ADF-1431] Destination Picker: Display path of the folder in search results (#2762)

* Add initial implementation with style fixes

* Further style fixes

* Add tests, styling fixes

lib/content-services/content-node-selector/name-location-cell/name-location-cell.component.ts

@@ -0,0 +1,43 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { DataTableCellComponent } from '@alfresco/adf-core';
+
+@Component({
+    selector: 'adf-name-location-cell',
+    template: `
+    <div class="adf-name-location-cell-name">{{ name }}</div>
+    <div class="adf-name-location-cell-location" [title]="path?.name">{{ path?.name }}</div>
+    `,
+    styleUrls: ['./name-location-cell.component.scss'],
+    encapsulation: ViewEncapsulation.None,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    host: { class: 'adf-name-location-cell' }
+})
+export class NameLocationCellComponent extends DataTableCellComponent implements OnInit {
+
+    path: string = '';
+    name: string = '';
+
+    ngOnInit() {
+        if (this.row) {
+            this.path = this.row.getValue('path');
+            this.name = this.row.getValue('name');
+        }
+    }
+}