mastodon-ios/Mastodon/Scene/HashtagTimeline/HashtagTimelineHeaderView.swift

//
//  HashtagTimelineHeaderView.swift
//  Mastodon
//
//  Created by Marcus Kida on 22.11.22.
//

import UIKit
import CoreDataStack
import MastodonSDK
import MastodonUI
import MastodonAsset
import MastodonLocalization

fileprivate extension CGFloat {
    static let padding: CGFloat = 16
    static let descriptionLabelSpacing: CGFloat = 12
}

final class HashtagTimelineHeaderView: UIView {
    struct Data {
        let name: String
        let following: Bool
        let postCount: Int
        let participantsCount: Int
        let postsTodayCount: Int
        
        static func from(_ entity: Mastodon.Entity.Tag) -> Self {
            Data(
                name: entity.name,
                following: entity.following == true,
                postCount: (entity.history ?? []).reduce(0) { res, acc in
                    res + (Int(acc.uses) ?? 0)
                },
                participantsCount: (entity.history ?? []).reduce(0) { res, acc in
                    res + (Int(acc.accounts) ?? 0)
                },
                postsTodayCount: Int(entity.history?.first?.uses ?? "0") ?? 0
            )
        }
    }
    
    let titleLabel = UILabel()

    let postCountLabel = UILabel()
    let participantsLabel = UILabel()
    let postsTodayLabel = UILabel()

    let postCountDescLabel = UILabel()
    let participantsDescLabel = UILabel()
    let postsTodayDescLabel = UILabel()
    
    private var widthConstraint: NSLayoutConstraint!
    
    var onButtonTapped: (() -> Void)?
    
    let followButton: UIButton = {
        let button = UIButton(configuration: .tinted())
        button.configuration?.background.cornerRadius = 10
        button.configuration?.titleTextAttributesTransformer = UIConfigurationTextAttributesTransformer({ incoming in
            var outgoing = incoming
            outgoing.font = UIFontMetrics(forTextStyle: .subheadline).scaledFont(for: .boldSystemFont(ofSize: 15))
            return outgoing
        })
        return button
    }()
    
    init() {
        super.init(frame: .zero)
        setupLayout()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
}

private extension HashtagTimelineHeaderView {
    func setupLayout() {
        [titleLabel, postCountLabel, participantsLabel, postsTodayLabel, postCountDescLabel, participantsDescLabel, postsTodayDescLabel, followButton].forEach {
            $0.translatesAutoresizingMaskIntoConstraints = false
            addSubview($0)
        }
        
        // hashtag name / title
        titleLabel.font = UIFontMetrics(forTextStyle: .title2).scaledFont(for: .systemFont(ofSize: 22, weight: .bold))
        
        [postCountLabel, participantsLabel, postsTodayLabel].forEach {
            $0.font = UIFontMetrics(forTextStyle: .title3).scaledFont(for: .systemFont(ofSize: 20, weight: .bold))
            $0.text = "999"
        }
        
        [postCountDescLabel, participantsDescLabel, postsTodayDescLabel].forEach {
            $0.font = UIFontMetrics(forTextStyle: .footnote).scaledFont(for: .systemFont(ofSize: 13, weight: .regular))
        }
        
        postCountDescLabel.text = L10n.Scene.FollowedTags.Header.posts
        participantsDescLabel.text = L10n.Scene.FollowedTags.Header.participants
        postsTodayDescLabel.text = L10n.Scene.FollowedTags.Header.postsToday
                        
        followButton.addAction(UIAction(handler: { [weak self] _ in
            self?.onButtonTapped?()
        }), for: .touchUpInside)
        
        widthConstraint = widthAnchor.constraint(greaterThanOrEqualToConstant: 0)

        NSLayoutConstraint.activate([
            widthConstraint,
            
            titleLabel.topAnchor.constraint(equalTo: topAnchor, constant: .padding),
            titleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: .padding),
            titleLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -CGFloat.padding),
            
            postCountLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: .padding),
            postCountLabel.centerXAnchor.constraint(equalTo: postCountDescLabel.centerXAnchor),
            postCountDescLabel.leadingAnchor.constraint(equalTo: titleLabel.leadingAnchor),
            
            participantsDescLabel.leadingAnchor.constraint(equalTo: postCountDescLabel.trailingAnchor, constant: .descriptionLabelSpacing),
            participantsLabel.centerXAnchor.constraint(equalTo: participantsDescLabel.centerXAnchor),
            participantsLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: .padding),
            
            postsTodayDescLabel.leadingAnchor.constraint(equalTo: participantsDescLabel.trailingAnchor, constant: .descriptionLabelSpacing),
            postsTodayLabel.centerXAnchor.constraint(equalTo: postsTodayDescLabel.centerXAnchor),
            postsTodayLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: .padding),
            
            postCountDescLabel.topAnchor.constraint(equalTo: postCountLabel.bottomAnchor),
            participantsDescLabel.topAnchor.constraint(equalTo: participantsLabel.bottomAnchor),
            postsTodayDescLabel.topAnchor.constraint(equalTo: postsTodayLabel.bottomAnchor),
            
            postCountDescLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -CGFloat.padding),
            participantsDescLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -CGFloat.padding),
            postsTodayDescLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -CGFloat.padding),
        
            followButton.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -CGFloat.padding),
            followButton.bottomAnchor.constraint(equalTo: postsTodayDescLabel.bottomAnchor),
            followButton.topAnchor.constraint(equalTo: postsTodayLabel.topAnchor)
        ])
    }
}

extension HashtagTimelineHeaderView {
    func update(_ entity: HashtagTimelineHeaderView.Data) {
        titleLabel.text = "#\(entity.name)"

        if entity.following {
            followButton.configuration?.background.backgroundColor = Asset.Colors.Button.userFollowing.color
            followButton.configuration?.baseForegroundColor = Asset.Colors.Button.userFollowingTitle.color
            followButton.configuration?.title = L10n.Scene.FollowedTags.Actions.unfollow
        } else {
            followButton.configuration?.background.backgroundColor = Asset.Colors.Button.userFollow.color
            followButton.configuration?.baseForegroundColor = .white
            followButton.configuration?.title = L10n.Scene.FollowedTags.Actions.follow
        }

        followButton.configuration?.contentInsets = NSDirectionalEdgeInsets(top: 6, leading: 16, bottom: 5, trailing: 16)

        postCountLabel.text = String(entity.postCount)
        participantsLabel.text = String(entity.participantsCount)
        postsTodayLabel.text = String(entity.postsTodayCount)
    }
        
    func updateWidthConstraint(_ constant: CGFloat) {
        widthConstraint.constant = constant
    }
}