metatext/Views/TagView.swift

// Copyright © 2020 Metabolist. All rights reserved.

import Mastodon
import UIKit

final class TagView: UIView {
    private let nameLabel = UILabel()
    private let accountsLabel = UILabel()
    private let usesLabel = UILabel()
    private let lineChartView = LineChartView()
    private var tagConfiguration: TagContentConfiguration

    init(configuration: TagContentConfiguration) {
        tagConfiguration = configuration

        super.init(frame: .zero)

        initialSetup()
        applyTagConfiguration()
    }

    @available(*, unavailable)
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

extension TagView {
    static func estimatedHeight(width: CGFloat, tag: Tag) -> CGFloat {
        UITableView.automaticDimension
    }
}

extension TagView: UIContentView {
    var configuration: UIContentConfiguration {
        get { tagConfiguration }
        set {
            guard let tagConfiguration = newValue as? TagContentConfiguration else { return }

            self.tagConfiguration = tagConfiguration

            applyTagConfiguration()
        }
    }
}

private extension TagView {
    func initialSetup() {
        let stackView = UIStackView()

        addSubview(stackView)
        stackView.translatesAutoresizingMaskIntoConstraints = false
        stackView.spacing = .defaultSpacing

        let verticalStackView = UIStackView()

        stackView.addArrangedSubview(verticalStackView)
        verticalStackView.axis = .vertical
        verticalStackView.spacing = .compactSpacing

        verticalStackView.addArrangedSubview(nameLabel)
        nameLabel.adjustsFontForContentSizeCategory = true
        nameLabel.font = .preferredFont(forTextStyle: .headline)

        verticalStackView.addArrangedSubview(accountsLabel)
        accountsLabel.adjustsFontForContentSizeCategory = true
        accountsLabel.font = .preferredFont(forTextStyle: .subheadline)
        accountsLabel.textColor = .secondaryLabel

        stackView.addArrangedSubview(UIView())

        stackView.addArrangedSubview(usesLabel)
        usesLabel.adjustsFontForContentSizeCategory = true
        usesLabel.font = .preferredFont(forTextStyle: .largeTitle)
        usesLabel.setContentHuggingPriority(.required, for: .vertical)

        stackView.addArrangedSubview(lineChartView)

        NSLayoutConstraint.activate([
            stackView.leadingAnchor.constraint(equalTo: readableContentGuide.leadingAnchor),
            stackView.topAnchor.constraint(equalTo: readableContentGuide.topAnchor),
            stackView.trailingAnchor.constraint(equalTo: readableContentGuide.trailingAnchor),
            stackView.bottomAnchor.constraint(equalTo: readableContentGuide.bottomAnchor),
            lineChartView.heightAnchor.constraint(equalTo: usesLabel.heightAnchor),
            lineChartView.widthAnchor.constraint(equalTo: lineChartView.heightAnchor, multiplier: 16 / 9)
        ])
    }

    func applyTagConfiguration() {
        let viewModel = tagConfiguration.viewModel

        nameLabel.text = viewModel.name

        if let accounts = viewModel.accounts {
            accountsLabel.text = String.localizedStringWithFormat(
                NSLocalizedString("tag.people-talking", comment: ""),
                accounts)
            accountsLabel.isHidden = false
        } else {
            accountsLabel.isHidden = true
        }

        if let uses = viewModel.uses {
            usesLabel.text = String(uses)
            usesLabel.isHidden = false
        } else {
            usesLabel.isHidden = true
        }

        lineChartView.values = viewModel.usageHistory.reversed()
        lineChartView.isHidden = viewModel.usageHistory.isEmpty
    }
}