Merge branch 'mkirk/album-picker-designs'

Signal/src/ViewControllers/PhotoLibrary/ImagePickerController.swift

@@ -159,7 +159,7 @@ class ImagePickerGridController: UICollectionViewController, PhotoLibraryDelegat
         collectionView.reloadData()
         collectionView.layoutIfNeeded()
 
-        let count = photoCollectionContents.count
+        let count = photoCollectionContents.assetCount
         for index in 0..<count {
             let asset = photoCollectionContents.asset(at: index)
             let assetId = asset.localIdentifier
@@ -401,7 +401,7 @@ class ImagePickerGridController: UICollectionViewController, PhotoLibraryDelegat
     }
 
     override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
-        return photoCollectionContents.count
+        return photoCollectionContents.assetCount
     }
 
     override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

Signal/src/ViewControllers/PhotoLibrary/PhotoCollectionPickerController.swift

@@ -38,6 +38,7 @@ class PhotoCollectionPickerController: OWSTableViewController, PhotoLibraryDeleg
         super.viewDidLoad()
 
         view.backgroundColor = .ows_gray95
+        tableView.separatorColor = .clear
 
         if #available(iOS 11, *) {
             let titleLabel = UILabel()
@@ -81,67 +82,82 @@ class PhotoCollectionPickerController: OWSTableViewController, PhotoLibraryDeleg
         }
     }
 
+    // MARK: -
+
     private func updateContents() {
         photoCollections = library.allPhotoCollections()
 
-        let section = OWSTableSection()
-        for collection in photoCollections {
-            section.add(OWSTableItem.init(customCellBlock: { () -> UITableViewCell in
-                let cell = OWSTableItem.newCell()
-
-                cell.backgroundColor = .ows_gray95
-                cell.contentView.backgroundColor = .ows_gray95
-                cell.selectedBackgroundView?.backgroundColor = UIColor(white: 0.2, alpha: 1)
-
-                let imageView = UIImageView()
-                let kImageSize = 50
-                imageView.autoSetDimensions(to: CGSize(width: kImageSize, height: kImageSize))
-
-                let contents = collection.contents()
-                if contents.count > 0 {
-                    let photoMediaSize = PhotoMediaSize(thumbnailSize: CGSize(width: kImageSize, height: kImageSize))
-                    let assetItem = contents.assetItem(at: 0, photoMediaSize: photoMediaSize)
-                    imageView.image = assetItem.asyncThumbnail { [weak imageView] image in
-                        guard let strongImageView = imageView else {
-                            return
-                        }
-                        guard let image = image else {
-                            return
-                        }
-                        strongImageView.image = image
-                    }
-                }
-
-                let titleLabel = UILabel()
-                titleLabel.text = collection.localizedTitle()
-                titleLabel.font = UIFont.ows_dynamicTypeBody
-                titleLabel.textColor = .ows_gray05
-
-                let stackView = UIStackView(arrangedSubviews: [imageView, titleLabel])
-                stackView.axis = .horizontal
-                stackView.alignment = .center
-                stackView.spacing = 10
-
-                cell.contentView.addSubview(stackView)
-                stackView.ows_autoPinToSuperviewMargins()
-
-                return cell
-            },
-                                          customRowHeight: UITableViewAutomaticDimension,
-                                          actionBlock: { [weak self] in
-                                            guard let strongSelf = self else { return }
-                                            strongSelf.didSelectCollection(collection: collection)
-            }))
+        let sectionItems = photoCollections.map { collection in
+            return OWSTableItem(customCellBlock: { self.buildTableCell(collection: collection) },
+                                customRowHeight: UITableViewAutomaticDimension,
+                                actionBlock: { [weak self] in
+                                    guard let strongSelf = self else { return }
+                                    strongSelf.didSelectCollection(collection: collection)
+            })
         }
+
+        let section = OWSTableSection(title: nil, items: sectionItems)
         let contents = OWSTableContents()
         contents.addSection(section)
         self.contents = contents
     }
 
-    @objc
-    public override func applyTheme() {
-        view.backgroundColor = .ows_gray95
-        tableView.backgroundColor = .ows_gray95
+    private let numberFormatter: NumberFormatter = NumberFormatter()
+
+    private func buildTableCell(collection: PhotoCollection) -> UITableViewCell {
+        let cell = OWSTableItem.newCell()
+
+        cell.contentView.backgroundColor = Theme.darkThemeBackgroundColor
+        cell.selectedBackgroundView?.backgroundColor = UIColor(white: 0.2, alpha: 1)
+
+        let contents = collection.contents()
+
+        let titleLabel = UILabel()
+        titleLabel.text = collection.localizedTitle()
+        titleLabel.font = UIFont.ows_dynamicTypeBody
+        titleLabel.textColor = Theme.darkThemePrimaryColor
+
+        let countLabel = UILabel()
+        countLabel.text = numberFormatter.string(for: contents.assetCount)
+        countLabel.font = UIFont.ows_dynamicTypeCaption1
+        countLabel.textColor = Theme.darkThemePrimaryColor
+
+        let textStack = UIStackView(arrangedSubviews: [titleLabel, countLabel])
+        textStack.axis = .vertical
+        textStack.alignment = .leading
+        textStack.spacing = 2
+
+        let imageView = UIImageView()
+        let kImageSize = 80
+        imageView.autoSetDimensions(to: CGSize(width: kImageSize, height: kImageSize))
+
+        let hStackView = UIStackView(arrangedSubviews: [imageView, textStack])
+        hStackView.axis = .horizontal
+        hStackView.alignment = .center
+        hStackView.spacing = 11
+
+        let photoMediaSize = PhotoMediaSize(thumbnailSize: CGSize(width: kImageSize, height: kImageSize))
+        if let assetItem = contents.lastAssetItem(photoMediaSize: photoMediaSize) {
+            imageView.image = assetItem.asyncThumbnail { [weak imageView] image in
+                AssertIsOnMainThread()
+
+                guard let imageView = imageView else {
+                    return
+                }
+
+                guard let image = image else {
+                    owsFailDebug("image was unexpectedly nil")
+                    return
+                }
+
+                imageView.image = image
+            }
+        }
+
+        cell.contentView.addSubview(hStackView)
+        hStackView.ows_autoPinToSuperviewMargins()
+
+        return cell
     }
 
     // MARK: Actions

Signal/src/ViewControllers/PhotoLibrary/PhotoLibrary.swift

@@ -25,12 +25,12 @@ class PhotoMediaSize {
 class PhotoPickerAssetItem: PhotoGridItem {
 
     let asset: PHAsset
-    let album: PhotoCollectionContents
+    let photoCollectionContents: PhotoCollectionContents
     let photoMediaSize: PhotoMediaSize
 
-    init(asset: PHAsset, album: PhotoCollectionContents, photoMediaSize: PhotoMediaSize) {
+    init(asset: PHAsset, photoCollectionContents: PhotoCollectionContents, photoMediaSize: PhotoMediaSize) {
         self.asset = asset
-        self.album = album
+        self.photoCollectionContents = photoCollectionContents
         self.photoMediaSize = photoMediaSize
     }
 
@@ -47,7 +47,7 @@ class PhotoPickerAssetItem: PhotoGridItem {
     }
 
     func asyncThumbnail(completion: @escaping (UIImage?) -> Void) -> UIImage? {
-        album.requestThumbnail(for: self.asset, thumbnailSize: photoMediaSize.thumbnailSize) { image, _ in
+        photoCollectionContents.requestThumbnail(for: self.asset, thumbnailSize: photoMediaSize.thumbnailSize) { image, _ in
             completion(image)
         }
         return nil
@@ -70,19 +70,51 @@ class PhotoCollectionContents {
         self.localizedTitle = localizedTitle
     }
 
-    var count: Int {
+    private let imageManager = PHCachingImageManager()
+
+    // MARK: - Asset Accessors
+
+    var assetCount: Int {
         return fetchResult.count
     }
 
-    private let imageManager = PHCachingImageManager()
+    var lastAsset: PHAsset? {
+        guard assetCount > 0 else {
+            return nil
+        }
+        return asset(at: assetCount - 1)
+    }
+
+    var firstAsset: PHAsset? {
+        guard assetCount > 0 else {
+            return nil
+        }
+        return asset(at: 0)
+    }
 
     func asset(at index: Int) -> PHAsset {
         return fetchResult.object(at: index)
     }
 
+    // MARK: - AssetItem Accessors
+
     func assetItem(at index: Int, photoMediaSize: PhotoMediaSize) -> PhotoPickerAssetItem {
         let mediaAsset = asset(at: index)
-        return PhotoPickerAssetItem(asset: mediaAsset, album: self, photoMediaSize: photoMediaSize)
+        return PhotoPickerAssetItem(asset: mediaAsset, photoCollectionContents: self, photoMediaSize: photoMediaSize)
+    }
+
+    func firstAssetItem(photoMediaSize: PhotoMediaSize) -> PhotoPickerAssetItem? {
+        guard let mediaAsset = firstAsset else {
+            return nil
+        }
+        return PhotoPickerAssetItem(asset: mediaAsset, photoCollectionContents: self, photoMediaSize: photoMediaSize)
+    }
+
+    func lastAssetItem(photoMediaSize: PhotoMediaSize) -> PhotoPickerAssetItem? {
+        guard let mediaAsset = lastAsset else {
+            return nil
+        }
+        return PhotoPickerAssetItem(asset: mediaAsset, photoCollectionContents: self, photoMediaSize: photoMediaSize)
     }
 
     // MARK: ImageManager
@@ -242,7 +274,7 @@ class PhotoLibrary: NSObject, PHPhotoLibraryChangeObserver {
             }
             let photoCollection = PhotoCollection(collection: assetCollection)
             // Hide empty collections.
-            guard photoCollection.contents().count > 0 else {
+            guard photoCollection.contents().assetCount > 0 else {
                 return
             }
             collections.append(photoCollection)