Course info: info tab UI

Stepic/CourseInfoTabInfoBlockSkeletonView.swift

@@ -0,0 +1,83 @@
+//
+// CourseInfoTabInfoBlockSkeletonView.swift
+// stepik-ios
+//
+// Created by Ivan Magda on 11/9/18.
+// Copyright (c) 2018 Alex Karpov. All rights reserved.
+//
+
+import UIKit
+import SnapKit
+
+extension CourseInfoTabInfoBlockSkeletonView {
+    struct Appearance {
+        let imageViewSize = CGSize(width: 12, height: 12)
+        let imageViewCornerRadius: CGFloat = 1
+
+        let titleLabelHeight: CGFloat = 17
+        let titleLabelLeadingOffset: CGFloat = 27
+        var titleLabelCornerRadius: CGFloat = 1
+    }
+}
+
+final class CourseInfoTabInfoBlockSkeletonView: UIView {
+    let appearance: Appearance
+
+    private lazy var imageViewSkeleton: UIView = {
+        let view = UIView()
+        view.clipsToBounds = true
+        view.layer.cornerRadius = self.appearance.imageViewCornerRadius
+
+        return view
+    }()
+
+    private lazy var titleLabelSkeleton: UIView = {
+        let view = UIView()
+        view.clipsToBounds = true
+        view.layer.cornerRadius = self.appearance.titleLabelCornerRadius
+
+        return view
+    }()
+
+    init(frame: CGRect = .zero, appearance: Appearance = Appearance()) {
+        self.appearance = appearance
+        super.init(frame: frame)
+
+        self.setupView()
+        self.addSubviews()
+        self.makeConstraints()
+    }
+
+    required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+}
+
+extension CourseInfoTabInfoBlockSkeletonView: ProgrammaticallyInitializableViewProtocol {
+    func setupView() {
+        self.backgroundColor = .clear
+    }
+
+    func addSubviews() {
+        self.addSubview(self.imageViewSkeleton)
+        self.addSubview(self.titleLabelSkeleton)
+    }
+
+    func makeConstraints() {
+        self.imageViewSkeleton.translatesAutoresizingMaskIntoConstraints = false
+        self.imageViewSkeleton.snp.makeConstraints { make in
+            make.leading.equalToSuperview()
+            make.size.equalTo(self.appearance.imageViewSize)
+            make.centerY.equalTo(self.titleLabelSkeleton.snp.centerY)
+        }
+
+        self.titleLabelSkeleton.translatesAutoresizingMaskIntoConstraints = false
+        self.titleLabelSkeleton.snp.makeConstraints { make in
+            make.top.trailing.bottom.equalToSuperview()
+            make.height.equalTo(self.appearance.titleLabelHeight)
+            make.leading
+                .equalToSuperview()
+                .offset(self.appearance.titleLabelLeadingOffset)
+        }
+    }
+}

Stepic/CourseInfoTabInfoInstructorSkeletonView.swift

@@ -0,0 +1,103 @@
+//
+// CourseInfoTabInfoInstructorSkeletonView.swift
+// stepik-ios
+//
+// Created by Ivan Magda on 11/9/18.
+// Copyright (c) 2018 Alex Karpov. All rights reserved.
+//
+
+import UIKit
+import SnapKit
+
+extension CourseInfoTabInfoInstructorSkeletonView {
+    struct Appearance {
+        var labelsCornerRadius: CGFloat = 2
+
+        let imageViewCornerRadius: CGFloat = 5
+        let imageViewSize = CGSize(width: 30, height: 30)
+
+        let titleLabelHeight: CGFloat = 17
+        let titleLabelOffsetLeading: CGFloat = 17
+
+        let descriptionLabelOffsetTop: CGFloat = 20
+        let descriptionLabelHeight: CGFloat = 80
+    }
+}
+
+final class CourseInfoTabInfoInstructorSkeletonView: UIView {
+    private let appearance: Appearance
+
+    private lazy var imageViewSkeleton: UIView = {
+        let view = UIView()
+        view.clipsToBounds = true
+        view.layer.cornerRadius = self.appearance.imageViewCornerRadius
+        return view
+    }()
+
+    private lazy var titleLabelSkeleton: UIView = {
+        let view = UIView()
+        view.clipsToBounds = true
+        view.layer.cornerRadius = self.appearance.labelsCornerRadius
+        return view
+    }()
+
+    private lazy var descriptionLabelSkeleton: UIView = {
+        let view = UIView()
+        view.clipsToBounds = true
+        view.layer.cornerRadius = self.appearance.labelsCornerRadius
+        return view
+    }()
+
+    init(frame: CGRect = .zero, appearance: Appearance = Appearance()) {
+        self.appearance = appearance
+        super.init(frame: frame)
+
+        self.setupView()
+        self.addSubviews()
+        self.makeConstraints()
+    }
+
+    required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+}
+
+extension CourseInfoTabInfoInstructorSkeletonView: ProgrammaticallyInitializableViewProtocol {
+    func setupView() {
+        self.backgroundColor = .clear
+    }
+
+    func addSubviews() {
+        self.addSubview(self.imageViewSkeleton)
+        self.addSubview(self.titleLabelSkeleton)
+        self.addSubview(self.descriptionLabelSkeleton)
+    }
+
+    func makeConstraints() {
+        self.imageViewSkeleton.translatesAutoresizingMaskIntoConstraints = false
+        self.imageViewSkeleton.snp.makeConstraints { make in
+            make.size.equalTo(self.appearance.imageViewSize)
+            make.leading.top.equalToSuperview()
+        }
+
+        self.titleLabelSkeleton.translatesAutoresizingMaskIntoConstraints = false
+        self.titleLabelSkeleton.snp.makeConstraints { make in
+            make.centerY.equalTo(self.imageViewSkeleton.snp.centerY)
+            make.trailing.equalToSuperview()
+            make.height.equalTo(self.appearance.titleLabelHeight)
+            make.leading
+                .equalTo(self.imageViewSkeleton.snp.trailing)
+                .offset(self.appearance.titleLabelOffsetLeading)
+        }
+
+        self.descriptionLabelSkeleton.translatesAutoresizingMaskIntoConstraints = false
+        self.descriptionLabelSkeleton.snp.makeConstraints { make in
+            make.leading.equalTo(self.imageViewSkeleton.snp.leading)
+            make.trailing.bottom.equalToSuperview()
+            make.height.equalTo(self.appearance.descriptionLabelHeight)
+            make.top
+                .equalTo(self.imageViewSkeleton.snp.bottom)
+                .offset(self.appearance.descriptionLabelOffsetTop)
+        }
+    }
+}