✨ [feat] 신고 리스트 tableView 구현

Author: dudtjs1021ej

Fitfty/Projects/Setting/Sources/Admin/VewController/ReportListViewController.swift

@@ -14,6 +14,16 @@ final public class ReportListViewController: UIViewController {
     private let menuView = ReportMenuView()
     private var coordinator: ReportListCoordinatorInterface
 
+    private lazy var tableView: UITableView = {
+        let tableView = UITableView()
+        tableView.register(ReportListCell.self, forCellReuseIdentifier: ReportListCell.className)
+        tableView.delegate = self
+        tableView.separatorInset = .init(top: .zero, left: .zero, bottom: .zero, right: .zero)
+        return tableView
+    }()
+    
+    private var dataSource: UITableViewDiffableDataSource<ReportListSectionKind, ReportListCellModel>?
+    
     public init(coordinator: ReportListCoordinatorInterface) {
         self.coordinator = coordinator
         super.init(nibName: nil, bundle: nil)
@@ -31,6 +41,10 @@ final public class ReportListViewController: UIViewController {
     private func setUp() {
         setConstraintsLayout()
         setNavigationBar()
+        setDataSource()
+        applySnapshot([
+            ReportListSection(sectionKind: .report, items: [ReportListCellModel.report("a", true), ReportListCellModel.report("aa", true)])
+        ])
     }
 
     @objc func didTapBackButton(_ sender: Any?) {
@@ -42,12 +56,16 @@ final public class ReportListViewController: UIViewController {
 private extension ReportListViewController {
 
     func setConstraintsLayout() {
-        view.addSubviews(menuView)
+        view.addSubviews(menuView, tableView)
         NSLayoutConstraint.activate([
             menuView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 5),
             menuView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 20),
             menuView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
-            menuView.heightAnchor.constraint(equalToConstant: 20)
+            menuView.heightAnchor.constraint(equalToConstant: 20),
+            tableView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 20),
+            tableView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -20),
+            tableView.topAnchor.constraint(equalTo: menuView.bottomAnchor, constant: 10),
+            tableView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
         ])
     }
 
@@ -64,4 +82,33 @@ private extension ReportListViewController {
         navigationItem.leftBarButtonItem = cancelButton
     }
 
+    func setDataSource() {
+        dataSource = UITableViewDiffableDataSource<ReportListSectionKind, ReportListCellModel>(
+            tableView: tableView, cellProvider: { tableView, indexPath, item in
+                switch item {
+                case .report(let title, let isSelected):
+                    let cell = tableView.dequeueReusableCell(withIdentifier: ReportListCell.className, for: indexPath) as? ReportListCell
+                    cell?.selectionStyle = .none
+                    return cell
+                }
+            })
+    }
+    
+    func applySnapshot(_ sections: [ReportListSection]) {
+        var snapshot = NSDiffableDataSourceSnapshot<ReportListSectionKind, ReportListCellModel>()
+        sections.forEach {
+            snapshot.appendSections([$0.sectionKind])
+            snapshot.appendItems($0.items)
+        }
+        dataSource?.apply(snapshot, animatingDifferences: false)
+    }
+
+}
+
+extension ReportListViewController: UITableViewDelegate {
+    
+    public func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
+        return 44
+    }
+    
 }

Fitfty/Projects/Setting/Sources/Admin/Views/ReportListCell.swift

@@ -0,0 +1,95 @@
+//
+//  ReportListCell.swift
+//  Setting
+//
+//  Created by 임영선 on 2023/02/16.
+//  Copyright © 2023 Fitfty. All rights reserved.
+//
+
+import UIKit
+import Common
+
+final class ReportListCell: UITableViewCell {
+    
+    private lazy var checkBoxButton: UIButton = {
+        let button = UIButton()
+        button.setImage(CommonAsset.Images.btnCheckBoxUnSelected.image, for: .normal)
+        button.isUserInteractionEnabled = false
+        button.addTarget(self, action: #selector(didTapCheckbox), for: .touchUpInside)
+        return button
+    }()
+    
+    private lazy var accountLabel: UILabel = {
+        let label = UILabel()
+        label.textColor = CommonAsset.Colors.gray06.color
+        label.font = FitftyFont.appleSDMedium(size: 15).font
+        label.text = "[email protected]"
+        return label
+    }()
+    
+    private lazy var detailReportLabel: UILabel = {
+        let label = UILabel()
+        label.textColor = CommonAsset.Colors.gray06.color
+        label.font = FitftyFont.appleSDMedium(size: 15).font
+        label.text = "불쾌"
+        return label
+    }()
+    
+    private lazy var countLabel: UILabel = {
+        let label = UILabel()
+        label.textColor = CommonAsset.Colors.gray06.color
+        label.font = FitftyFont.appleSDMedium(size: 15).font
+        label.text = "13"
+        return label
+    }()
+    
+    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
+        super.init(style: style, reuseIdentifier: reuseIdentifier)
+        setConstraintsLayout()
+    }
+    
+    required init(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    private func setConstraintsLayout() {
+        addSubviews(checkBoxButton, accountLabel, detailReportLabel, countLabel)
+        NSLayoutConstraint.activate([
+            checkBoxButton.centerYAnchor.constraint(equalTo: centerYAnchor),
+            checkBoxButton.widthAnchor.constraint(equalToConstant: 20),
+            checkBoxButton.heightAnchor.constraint(equalToConstant: 20),
+            checkBoxButton.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -20),
+            
+            accountLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
+            accountLabel.leadingAnchor.constraint(equalTo: leadingAnchor),
+            accountLabel.widthAnchor.constraint(equalToConstant: 120),
+            
+            detailReportLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
+            detailReportLabel.leadingAnchor.constraint(equalTo: accountLabel.trailingAnchor, constant: 10),
+            detailReportLabel.widthAnchor.constraint(equalToConstant: 120),
+            
+            countLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
+            countLabel.leadingAnchor.constraint(equalTo: detailReportLabel.trailingAnchor, constant: 10),
+            countLabel.widthAnchor.constraint(equalToConstant: 50)
+        ])
+    }
+    
+    @objc func didTapCheckbox(_ sender: Any?) {
+        if !checkBoxButton.isSelected {
+            checkBoxButton.setImage(CommonAsset.Images.btnCheckBoxSelected.image, for: .normal)
+        } else {
+            checkBoxButton.setImage(CommonAsset.Images.btnCheckBoxUnSelected.image, for: .normal)
+        }
+    }
+ 
+}
+
+extension ReportListCell {
+    
+    func setUp(account: String, detailReport: String, count: String) {
+        accountLabel.text = account
+        detailReportLabel.text = detailReport
+        countLabel.text = count
+    }
+    
+}