Няма описание

DashboardView.swift 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740
  1. //
  2. // DashboardView.swift
  3. // App for Indeed
  4. //
  5. import Cocoa
  6. import QuartzCore
  7. final class DashboardView: NSView, NSTextFieldDelegate {
  8. /// Indeed.com-inspired neutrals and brand blue (white surfaces, `#2557a7` accent, `#2d2d2d` / `#767676` text, `#d4d2d0` borders).
  9. private enum Theme {
  10. static let brandBlue = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 1)
  11. static let pageBackground = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
  12. static let chromeBackground = NSColor(srgbRed: 247 / 255, green: 247 / 255, blue: 247 / 255, alpha: 1)
  13. static let sidebarBackground = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
  14. static let mainHostBackground = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
  15. /// Subtitle on the welcome hero: readable blue-gray aligned with brand.
  16. static let welcomeSubtitleText = NSColor(srgbRed: 52 / 255, green: 92 / 255, blue: 142 / 255, alpha: 1)
  17. static let selectionFill = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 0.12)
  18. static let cardBackground = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
  19. static let toggleBackground = NSColor(srgbRed: 232 / 255, green: 232 / 255, blue: 232 / 255, alpha: 1)
  20. static let primaryText = NSColor(srgbRed: 45 / 255, green: 45 / 255, blue: 45 / 255, alpha: 1)
  21. static let secondaryText = NSColor(srgbRed: 118 / 255, green: 118 / 255, blue: 118 / 255, alpha: 1)
  22. static let tertiaryText = NSColor(srgbRed: 118 / 255, green: 118 / 255, blue: 118 / 255, alpha: 1)
  23. static let border = NSColor(srgbRed: 212 / 255, green: 210 / 255, blue: 208 / 255, alpha: 1)
  24. /// Job search bar outer stroke (charcoal).
  25. static let searchBarBorder = NSColor(srgbRed: 58 / 255, green: 58 / 255, blue: 58 / 255, alpha: 1)
  26. static let proCardFill = NSColor(srgbRed: 239 / 255, green: 244 / 255, blue: 252 / 255, alpha: 1)
  27. static let proCardBorder = NSColor(srgbRed: 212 / 255, green: 210 / 255, blue: 208 / 255, alpha: 1)
  28. static let proAccent = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 1)
  29. static let proCTABackground = NSColor(srgbRed: 37 / 255, green: 87 / 255, blue: 167 / 255, alpha: 1)
  30. static let proCTAText = NSColor(srgbRed: 1, green: 1, blue: 1, alpha: 1)
  31. /// Slightly lighter blue for the top of the search-bar “Find jobs” pill (reads less flat than a solid fill).
  32. static let findJobsCTAHighlight = NSColor(srgbRed: 54 / 255, green: 110 / 255, blue: 198 / 255, alpha: 1)
  33. }
  34. private let contentStack = NSStackView()
  35. private let chromeContainer = NSView()
  36. private let sidebar = NSStackView()
  37. private let mainHost = NSView()
  38. private let mainOverlay = NSStackView()
  39. private let greetingLabel = NSTextField(labelWithString: "")
  40. private let subtitleLabel = NSTextField(labelWithString: "")
  41. private let searchBarShadowHost = NSView()
  42. private let searchCard = NSView()
  43. private let jobSearchIcon = NSImageView()
  44. private let jobKeywordsField = NSTextField()
  45. private let findJobsButton = NSButton()
  46. private let findJobsCTAHost = NSView()
  47. private let findJobsCTAChrome = NSView()
  48. private var findJobsCTAGradientLayer: CAGradientLayer?
  49. private let jobListingsScrollView = NSScrollView()
  50. private let jobListingsContainer = NSView()
  51. private let jobListingsStack = NSStackView()
  52. private var currentSidebarItems: [SidebarItem] = []
  53. private var selectedSidebarIndex: Int = 0
  54. override init(frame frameRect: NSRect) {
  55. super.init(frame: frameRect)
  56. setupLayout()
  57. }
  58. required init?(coder: NSCoder) {
  59. super.init(coder: coder)
  60. setupLayout()
  61. }
  62. override func layout() {
  63. super.layout()
  64. updateSearchBarShadowPath()
  65. findJobsCTAGradientLayer?.frame = findJobsCTAChrome.bounds
  66. updateFindJobsCTAShadowPath()
  67. updateJobListingDescriptionWidths()
  68. }
  69. func render(_ data: DashboardData) {
  70. greetingLabel.stringValue = "Welcome"
  71. subtitleLabel.stringValue = data.subtitle
  72. currentSidebarItems = data.sidebarItems
  73. if selectedSidebarIndex >= currentSidebarItems.count {
  74. selectedSidebarIndex = max(0, currentSidebarItems.count - 1)
  75. }
  76. configureSidebar()
  77. configureJobListings(data.jobListings)
  78. }
  79. private func setupLayout() {
  80. wantsLayer = true
  81. layer?.backgroundColor = Theme.pageBackground.cgColor
  82. contentStack.orientation = .horizontal
  83. contentStack.spacing = 20
  84. contentStack.distribution = .fill
  85. contentStack.translatesAutoresizingMaskIntoConstraints = false
  86. contentStack.alignment = .height
  87. contentStack.edgeInsets = NSEdgeInsets(top: 24, left: 24, bottom: 24, right: 24)
  88. chromeContainer.translatesAutoresizingMaskIntoConstraints = false
  89. chromeContainer.wantsLayer = true
  90. chromeContainer.layer?.backgroundColor = Theme.chromeBackground.cgColor
  91. chromeContainer.layer?.cornerRadius = 0
  92. addSubview(chromeContainer)
  93. chromeContainer.addSubview(contentStack)
  94. sidebar.orientation = .vertical
  95. sidebar.spacing = 10
  96. sidebar.distribution = .fill
  97. sidebar.alignment = .leading
  98. sidebar.wantsLayer = true
  99. sidebar.layer?.backgroundColor = Theme.sidebarBackground.cgColor
  100. sidebar.layer?.cornerRadius = 16
  101. sidebar.edgeInsets = NSEdgeInsets(top: 18, left: 14, bottom: 18, right: 14)
  102. sidebar.translatesAutoresizingMaskIntoConstraints = false
  103. mainHost.translatesAutoresizingMaskIntoConstraints = false
  104. mainHost.wantsLayer = true
  105. mainHost.layer?.backgroundColor = Theme.mainHostBackground.cgColor
  106. mainHost.layer?.cornerRadius = 16
  107. mainHost.layer?.masksToBounds = true
  108. sidebar.setContentHuggingPriority(.required, for: .horizontal)
  109. mainHost.setContentHuggingPriority(.defaultLow, for: .horizontal)
  110. mainHost.addSubview(mainOverlay)
  111. mainOverlay.orientation = .vertical
  112. mainOverlay.spacing = 0
  113. mainOverlay.alignment = .centerX
  114. mainOverlay.distribution = .fill
  115. mainOverlay.translatesAutoresizingMaskIntoConstraints = false
  116. mainOverlay.setContentHuggingPriority(.defaultLow, for: .vertical)
  117. greetingLabel.font = .systemFont(ofSize: 32, weight: .bold)
  118. greetingLabel.textColor = Theme.brandBlue
  119. greetingLabel.alignment = .center
  120. greetingLabel.maximumNumberOfLines = 1
  121. subtitleLabel.font = .systemFont(ofSize: 15, weight: .regular)
  122. subtitleLabel.textColor = Theme.welcomeSubtitleText
  123. subtitleLabel.alignment = .center
  124. subtitleLabel.maximumNumberOfLines = 2
  125. let topInset = NSView()
  126. topInset.translatesAutoresizingMaskIntoConstraints = false
  127. topInset.heightAnchor.constraint(equalToConstant: 32).isActive = true
  128. configureSearchBar()
  129. let titleBlock = NSStackView(views: [greetingLabel, subtitleLabel])
  130. titleBlock.orientation = .vertical
  131. titleBlock.spacing = 10
  132. titleBlock.alignment = .centerX
  133. let midSpacer = NSView()
  134. midSpacer.translatesAutoresizingMaskIntoConstraints = false
  135. midSpacer.heightAnchor.constraint(equalToConstant: 20).isActive = true
  136. let listingsTopSpacer = NSView()
  137. listingsTopSpacer.translatesAutoresizingMaskIntoConstraints = false
  138. listingsTopSpacer.heightAnchor.constraint(equalToConstant: 28).isActive = true
  139. jobListingsContainer.translatesAutoresizingMaskIntoConstraints = false
  140. jobListingsStack.orientation = .vertical
  141. jobListingsStack.spacing = 14
  142. // `.leading` keeps cards left-anchored; explicit width constraints below stretch each card across the full row.
  143. jobListingsStack.alignment = .leading
  144. jobListingsStack.distribution = .fill
  145. jobListingsStack.translatesAutoresizingMaskIntoConstraints = false
  146. jobListingsStack.setContentHuggingPriority(.defaultHigh, for: .vertical)
  147. jobListingsStack.setHuggingPriority(.defaultLow, for: .horizontal)
  148. jobListingsContainer.addSubview(jobListingsStack)
  149. NSLayoutConstraint.activate([
  150. jobListingsStack.leadingAnchor.constraint(equalTo: jobListingsContainer.leadingAnchor),
  151. jobListingsStack.trailingAnchor.constraint(equalTo: jobListingsContainer.trailingAnchor),
  152. jobListingsStack.topAnchor.constraint(equalTo: jobListingsContainer.topAnchor),
  153. jobListingsStack.bottomAnchor.constraint(equalTo: jobListingsContainer.bottomAnchor)
  154. ])
  155. jobListingsScrollView.translatesAutoresizingMaskIntoConstraints = false
  156. jobListingsScrollView.hasVerticalScroller = true
  157. jobListingsScrollView.hasHorizontalScroller = false
  158. jobListingsScrollView.autohidesScrollers = true
  159. jobListingsScrollView.drawsBackground = false
  160. jobListingsScrollView.borderType = .noBorder
  161. jobListingsScrollView.documentView = jobListingsContainer
  162. jobListingsScrollView.setContentHuggingPriority(.defaultLow, for: .vertical)
  163. jobListingsScrollView.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
  164. mainOverlay.addArrangedSubview(topInset)
  165. mainOverlay.addArrangedSubview(titleBlock)
  166. mainOverlay.addArrangedSubview(midSpacer)
  167. mainOverlay.addArrangedSubview(searchBarShadowHost)
  168. mainOverlay.addArrangedSubview(listingsTopSpacer)
  169. mainOverlay.addArrangedSubview(jobListingsScrollView)
  170. contentStack.addArrangedSubview(sidebar)
  171. contentStack.addArrangedSubview(mainHost)
  172. NSLayoutConstraint.activate([
  173. chromeContainer.leadingAnchor.constraint(equalTo: leadingAnchor),
  174. chromeContainer.trailingAnchor.constraint(equalTo: trailingAnchor),
  175. chromeContainer.topAnchor.constraint(equalTo: topAnchor),
  176. chromeContainer.bottomAnchor.constraint(equalTo: bottomAnchor),
  177. contentStack.leadingAnchor.constraint(equalTo: chromeContainer.leadingAnchor),
  178. contentStack.trailingAnchor.constraint(equalTo: chromeContainer.trailingAnchor),
  179. contentStack.topAnchor.constraint(equalTo: chromeContainer.topAnchor),
  180. contentStack.bottomAnchor.constraint(equalTo: chromeContainer.bottomAnchor),
  181. sidebar.widthAnchor.constraint(equalToConstant: 218),
  182. mainHost.widthAnchor.constraint(greaterThanOrEqualToConstant: 720),
  183. mainOverlay.leadingAnchor.constraint(equalTo: mainHost.leadingAnchor),
  184. mainOverlay.trailingAnchor.constraint(equalTo: mainHost.trailingAnchor),
  185. mainOverlay.topAnchor.constraint(equalTo: mainHost.topAnchor),
  186. mainOverlay.bottomAnchor.constraint(equalTo: mainHost.bottomAnchor, constant: -24),
  187. searchBarShadowHost.widthAnchor.constraint(equalTo: mainOverlay.widthAnchor, multiplier: 0.92),
  188. jobListingsScrollView.widthAnchor.constraint(equalTo: mainOverlay.widthAnchor, multiplier: 0.92),
  189. jobListingsContainer.topAnchor.constraint(equalTo: jobListingsScrollView.contentView.topAnchor),
  190. jobListingsContainer.leadingAnchor.constraint(equalTo: jobListingsScrollView.contentView.leadingAnchor),
  191. jobListingsContainer.widthAnchor.constraint(equalTo: jobListingsScrollView.contentView.widthAnchor),
  192. greetingLabel.leadingAnchor.constraint(equalTo: mainOverlay.leadingAnchor, constant: 24),
  193. greetingLabel.trailingAnchor.constraint(equalTo: mainOverlay.trailingAnchor, constant: -24),
  194. subtitleLabel.leadingAnchor.constraint(equalTo: greetingLabel.leadingAnchor),
  195. subtitleLabel.trailingAnchor.constraint(equalTo: greetingLabel.trailingAnchor)
  196. ])
  197. }
  198. private func updateJobListingDescriptionWidths() {
  199. let containerWidth = jobListingsContainer.bounds.width
  200. guard containerWidth > 1 else { return }
  201. let innerWidth = containerWidth - 32
  202. var didChange = false
  203. for card in jobListingsStack.arrangedSubviews {
  204. guard let desc = card.viewWithTag(502) as? NSTextField else { continue }
  205. if abs(desc.preferredMaxLayoutWidth - innerWidth) > 0.5 {
  206. desc.preferredMaxLayoutWidth = innerWidth
  207. desc.invalidateIntrinsicContentSize()
  208. didChange = true
  209. }
  210. }
  211. if didChange {
  212. // Wrapping width changed, so card heights need to recompute against the new intrinsic sizes.
  213. jobListingsStack.needsLayout = true
  214. }
  215. }
  216. private func configureJobListings(_ jobs: [JobListing]) {
  217. jobListingsStack.arrangedSubviews.forEach {
  218. jobListingsStack.removeArrangedSubview($0)
  219. $0.removeFromSuperview()
  220. }
  221. for job in jobs {
  222. let card = makeJobListingCard(job)
  223. jobListingsStack.addArrangedSubview(card)
  224. // Force every card to span the full row instead of hugging its intrinsic content width.
  225. card.widthAnchor.constraint(equalTo: jobListingsStack.widthAnchor).isActive = true
  226. }
  227. }
  228. private func makeJobListingCard(_ job: JobListing) -> NSView {
  229. let card = NSView()
  230. card.translatesAutoresizingMaskIntoConstraints = false
  231. card.wantsLayer = true
  232. card.layer?.backgroundColor = Theme.cardBackground.cgColor
  233. card.layer?.cornerRadius = 12
  234. card.layer?.borderWidth = 1
  235. card.layer?.borderColor = Theme.border.cgColor
  236. card.layer?.masksToBounds = true
  237. let titleField = NSTextField(labelWithString: job.title)
  238. titleField.font = .systemFont(ofSize: 16, weight: .semibold)
  239. titleField.textColor = Theme.primaryText
  240. titleField.maximumNumberOfLines = 2
  241. titleField.lineBreakMode = .byWordWrapping
  242. titleField.translatesAutoresizingMaskIntoConstraints = false
  243. let descriptionField = NSTextField(wrappingLabelWithString: job.description)
  244. descriptionField.font = .systemFont(ofSize: 13, weight: .regular)
  245. descriptionField.textColor = Theme.secondaryText
  246. descriptionField.maximumNumberOfLines = 0
  247. descriptionField.tag = 502
  248. descriptionField.translatesAutoresizingMaskIntoConstraints = false
  249. let inner = NSStackView(views: [titleField, descriptionField])
  250. inner.orientation = .vertical
  251. inner.spacing = 6
  252. inner.alignment = .leading
  253. inner.translatesAutoresizingMaskIntoConstraints = false
  254. card.addSubview(inner)
  255. NSLayoutConstraint.activate([
  256. inner.leadingAnchor.constraint(equalTo: card.leadingAnchor, constant: 16),
  257. inner.trailingAnchor.constraint(equalTo: card.trailingAnchor, constant: -16),
  258. inner.topAnchor.constraint(equalTo: card.topAnchor, constant: 14),
  259. inner.bottomAnchor.constraint(equalTo: card.bottomAnchor, constant: -14),
  260. titleField.leadingAnchor.constraint(equalTo: inner.leadingAnchor),
  261. titleField.trailingAnchor.constraint(equalTo: inner.trailingAnchor),
  262. descriptionField.leadingAnchor.constraint(equalTo: inner.leadingAnchor),
  263. descriptionField.trailingAnchor.constraint(equalTo: inner.trailingAnchor)
  264. ])
  265. return card
  266. }
  267. private func configureSearchBar() {
  268. let pillCorner: CGFloat = 27
  269. let barHeight: CGFloat = 54
  270. searchBarShadowHost.translatesAutoresizingMaskIntoConstraints = false
  271. searchBarShadowHost.wantsLayer = true
  272. searchBarShadowHost.layer?.masksToBounds = false
  273. searchBarShadowHost.layer?.shadowColor = NSColor.black.withAlphaComponent(0.18).cgColor
  274. searchBarShadowHost.layer?.shadowOffset = CGSize(width: 0, height: 2)
  275. searchBarShadowHost.layer?.shadowRadius = 10
  276. searchBarShadowHost.layer?.shadowOpacity = 1
  277. searchBarShadowHost.setContentHuggingPriority(.defaultHigh, for: .vertical)
  278. searchCard.translatesAutoresizingMaskIntoConstraints = false
  279. searchCard.wantsLayer = true
  280. searchCard.layer?.backgroundColor = Theme.cardBackground.cgColor
  281. searchCard.layer?.cornerRadius = pillCorner
  282. searchCard.layer?.borderWidth = 1
  283. searchCard.layer?.borderColor = Theme.searchBarBorder.cgColor
  284. searchCard.layer?.masksToBounds = true
  285. searchBarShadowHost.addSubview(searchCard)
  286. func configureField(_ field: NSTextField, placeholder: String) {
  287. field.translatesAutoresizingMaskIntoConstraints = false
  288. field.isBordered = false
  289. field.drawsBackground = false
  290. field.focusRingType = .none
  291. field.font = .systemFont(ofSize: 14, weight: .regular)
  292. field.textColor = Theme.primaryText
  293. field.delegate = self
  294. field.placeholderAttributedString = NSAttributedString(
  295. string: placeholder,
  296. attributes: [
  297. .foregroundColor: Theme.secondaryText,
  298. .font: NSFont.systemFont(ofSize: 14, weight: .regular)
  299. ]
  300. )
  301. field.cell?.usesSingleLineMode = true
  302. field.cell?.wraps = false
  303. field.cell?.isScrollable = true
  304. field.target = self
  305. field.action = #selector(didSubmitSearch)
  306. }
  307. jobSearchIcon.translatesAutoresizingMaskIntoConstraints = false
  308. jobSearchIcon.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 15, weight: .medium)
  309. jobSearchIcon.image = NSImage(systemSymbolName: "magnifyingglass", accessibilityDescription: "Job search")
  310. jobSearchIcon.contentTintColor = Theme.primaryText
  311. configureField(jobKeywordsField, placeholder: "Job title, keywords, or company")
  312. let ctaHeight: CGFloat = 42
  313. let ctaCorner = ctaHeight / 2
  314. findJobsCTAHost.translatesAutoresizingMaskIntoConstraints = false
  315. findJobsCTAHost.wantsLayer = true
  316. findJobsCTAHost.layer?.masksToBounds = false
  317. findJobsCTAHost.layer?.shadowColor = NSColor.black.cgColor
  318. findJobsCTAHost.layer?.shadowOpacity = 0.16
  319. findJobsCTAHost.layer?.shadowOffset = CGSize(width: 0, height: 2)
  320. findJobsCTAHost.layer?.shadowRadius = 6
  321. findJobsCTAChrome.translatesAutoresizingMaskIntoConstraints = false
  322. findJobsCTAChrome.wantsLayer = true
  323. findJobsCTAChrome.layer?.masksToBounds = true
  324. findJobsCTAChrome.layer?.cornerRadius = ctaCorner
  325. if #available(macOS 11.0, *) {
  326. findJobsCTAChrome.layer?.cornerCurve = .continuous
  327. }
  328. let gradient = CAGradientLayer()
  329. gradient.colors = [Theme.findJobsCTAHighlight.cgColor, Theme.brandBlue.cgColor]
  330. gradient.startPoint = CGPoint(x: 0.5, y: 1)
  331. gradient.endPoint = CGPoint(x: 0.5, y: 0)
  332. findJobsCTAChrome.layer?.addSublayer(gradient)
  333. findJobsCTAGradientLayer = gradient
  334. findJobsButton.translatesAutoresizingMaskIntoConstraints = false
  335. findJobsButton.title = ""
  336. findJobsButton.attributedTitle = NSAttributedString(
  337. string: "Find jobs",
  338. attributes: [
  339. .font: NSFont.systemFont(ofSize: 14, weight: .semibold),
  340. .foregroundColor: Theme.proCTAText,
  341. .kern: 0.35
  342. ]
  343. )
  344. findJobsButton.isBordered = false
  345. findJobsButton.bezelStyle = .rounded
  346. findJobsButton.wantsLayer = true
  347. findJobsButton.layer?.backgroundColor = NSColor.clear.cgColor
  348. findJobsButton.focusRingType = .none
  349. findJobsButton.target = self
  350. findJobsButton.action = #selector(didSubmitSearch)
  351. findJobsButton.setContentHuggingPriority(.required, for: .horizontal)
  352. findJobsButton.setContentCompressionResistancePriority(.required, for: .horizontal)
  353. findJobsCTAHost.addSubview(findJobsCTAChrome)
  354. findJobsCTAHost.addSubview(findJobsButton)
  355. NSLayoutConstraint.activate([
  356. findJobsCTAChrome.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor),
  357. findJobsCTAChrome.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor),
  358. findJobsCTAChrome.topAnchor.constraint(equalTo: findJobsCTAHost.topAnchor),
  359. findJobsCTAChrome.bottomAnchor.constraint(equalTo: findJobsCTAHost.bottomAnchor),
  360. findJobsButton.leadingAnchor.constraint(equalTo: findJobsCTAHost.leadingAnchor, constant: 14),
  361. findJobsButton.trailingAnchor.constraint(equalTo: findJobsCTAHost.trailingAnchor, constant: -14),
  362. findJobsButton.topAnchor.constraint(equalTo: findJobsCTAHost.topAnchor),
  363. findJobsButton.bottomAnchor.constraint(equalTo: findJobsCTAHost.bottomAnchor)
  364. ])
  365. let keywordsStack = NSStackView(views: [jobSearchIcon, jobKeywordsField])
  366. keywordsStack.orientation = .horizontal
  367. keywordsStack.spacing = 10
  368. keywordsStack.alignment = .centerY
  369. keywordsStack.translatesAutoresizingMaskIntoConstraints = false
  370. keywordsStack.edgeInsets = NSEdgeInsets(top: 0, left: 18, bottom: 0, right: 10)
  371. keywordsStack.setContentHuggingPriority(.defaultLow, for: .horizontal)
  372. let row = NSStackView(views: [keywordsStack, findJobsCTAHost])
  373. row.orientation = .horizontal
  374. row.spacing = 0
  375. row.alignment = .centerY
  376. row.distribution = .fill
  377. row.translatesAutoresizingMaskIntoConstraints = false
  378. row.edgeInsets = NSEdgeInsets(top: 0, left: 0, bottom: 0, right: 7)
  379. searchCard.addSubview(row)
  380. NSLayoutConstraint.activate([
  381. searchCard.leadingAnchor.constraint(equalTo: searchBarShadowHost.leadingAnchor),
  382. searchCard.trailingAnchor.constraint(equalTo: searchBarShadowHost.trailingAnchor),
  383. searchCard.topAnchor.constraint(equalTo: searchBarShadowHost.topAnchor),
  384. searchCard.bottomAnchor.constraint(equalTo: searchBarShadowHost.bottomAnchor),
  385. searchBarShadowHost.heightAnchor.constraint(equalToConstant: barHeight),
  386. row.leadingAnchor.constraint(equalTo: searchCard.leadingAnchor),
  387. row.trailingAnchor.constraint(equalTo: searchCard.trailingAnchor),
  388. row.topAnchor.constraint(equalTo: searchCard.topAnchor),
  389. row.bottomAnchor.constraint(equalTo: searchCard.bottomAnchor),
  390. jobSearchIcon.widthAnchor.constraint(equalToConstant: 18),
  391. jobSearchIcon.heightAnchor.constraint(equalToConstant: 18),
  392. findJobsCTAHost.heightAnchor.constraint(equalToConstant: ctaHeight),
  393. findJobsCTAHost.widthAnchor.constraint(greaterThanOrEqualToConstant: 112)
  394. ])
  395. }
  396. private func updateFindJobsCTAShadowPath() {
  397. guard findJobsCTAHost.bounds.width > 0, findJobsCTAHost.bounds.height > 0 else { return }
  398. let r = findJobsCTAHost.bounds
  399. let radius = min(r.height / 2, r.width / 2)
  400. findJobsCTAHost.layer?.shadowPath = CGPath(
  401. roundedRect: r,
  402. cornerWidth: radius,
  403. cornerHeight: radius,
  404. transform: nil
  405. )
  406. }
  407. private func updateSearchBarShadowPath() {
  408. guard searchBarShadowHost.bounds.width > 0, searchBarShadowHost.bounds.height > 0 else { return }
  409. let r = searchBarShadowHost.bounds
  410. let radius = min(r.height / 2, 27)
  411. searchBarShadowHost.layer?.shadowPath = CGPath(
  412. roundedRect: r,
  413. cornerWidth: radius,
  414. cornerHeight: radius,
  415. transform: nil
  416. )
  417. }
  418. @objc private func didSubmitSearch() {
  419. // Hook up search submission here when wiring up real data.
  420. }
  421. func controlTextDidBeginEditing(_ obj: Notification) {
  422. applySearchFieldInsertionPoint(obj.object)
  423. }
  424. func controlTextDidChange(_ obj: Notification) {
  425. applySearchFieldInsertionPoint(obj.object)
  426. }
  427. private func applySearchFieldInsertionPoint(_ object: Any?) {
  428. guard let field = object as? NSTextField,
  429. field === jobKeywordsField,
  430. let textView = field.window?.fieldEditor(true, for: field) as? NSTextView else { return }
  431. textView.insertionPointColor = Theme.primaryText
  432. }
  433. private func configureSidebar() {
  434. let items = currentSidebarItems
  435. sidebar.arrangedSubviews.forEach {
  436. sidebar.removeArrangedSubview($0)
  437. $0.removeFromSuperview()
  438. }
  439. let brand = NSTextField(labelWithString: "Indeed AI\nJob Finder")
  440. brand.font = .systemFont(ofSize: 18, weight: .bold)
  441. brand.textColor = Theme.brandBlue
  442. brand.alignment = .left
  443. sidebar.addArrangedSubview(brand)
  444. let titleToMenuSpacer = NSView()
  445. titleToMenuSpacer.translatesAutoresizingMaskIntoConstraints = false
  446. titleToMenuSpacer.heightAnchor.constraint(equalToConstant: 24).isActive = true
  447. sidebar.addArrangedSubview(titleToMenuSpacer)
  448. items.enumerated().forEach { index, item in
  449. let isSelected = index == selectedSidebarIndex
  450. let rowHost = SidebarNavRowView { [weak self] in
  451. self?.selectSidebarItem(at: index)
  452. }
  453. rowHost.translatesAutoresizingMaskIntoConstraints = false
  454. rowHost.wantsLayer = true
  455. rowHost.layer?.cornerRadius = 8
  456. if isSelected {
  457. rowHost.layer?.backgroundColor = Theme.selectionFill.cgColor
  458. }
  459. rowHost.setAccessibilityLabel(item.title)
  460. rowHost.setAccessibilityRole(.button)
  461. rowHost.setAccessibilitySelected(isSelected)
  462. let row = NSStackView()
  463. row.orientation = .horizontal
  464. row.spacing = 8
  465. row.alignment = .centerY
  466. row.translatesAutoresizingMaskIntoConstraints = false
  467. let icon = NSImageView()
  468. icon.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 13, weight: .medium)
  469. icon.image = NSImage(systemSymbolName: item.systemImage, accessibilityDescription: item.title)
  470. icon.contentTintColor = isSelected ? Theme.brandBlue : Theme.secondaryText
  471. let text = NSTextField(labelWithString: item.title)
  472. text.font = .systemFont(ofSize: 14, weight: .medium)
  473. text.textColor = isSelected ? Theme.brandBlue : Theme.secondaryText
  474. text.refusesFirstResponder = true
  475. row.addArrangedSubview(icon)
  476. row.addArrangedSubview(text)
  477. if let badge = item.badge {
  478. let badgeField = NSTextField(labelWithString: badge)
  479. badgeField.font = .systemFont(ofSize: 11, weight: .semibold)
  480. badgeField.textColor = Theme.primaryText
  481. badgeField.wantsLayer = true
  482. badgeField.layer?.backgroundColor = Theme.toggleBackground.cgColor
  483. badgeField.layer?.cornerRadius = 8
  484. badgeField.alignment = .center
  485. badgeField.maximumNumberOfLines = 1
  486. badgeField.lineBreakMode = .byClipping
  487. badgeField.refusesFirstResponder = true
  488. badgeField.translatesAutoresizingMaskIntoConstraints = false
  489. badgeField.widthAnchor.constraint(equalToConstant: 42).isActive = true
  490. row.addArrangedSubview(NSView())
  491. row.addArrangedSubview(badgeField)
  492. }
  493. rowHost.addSubview(row)
  494. NSLayoutConstraint.activate([
  495. row.leadingAnchor.constraint(equalTo: rowHost.leadingAnchor, constant: 10),
  496. row.trailingAnchor.constraint(equalTo: rowHost.trailingAnchor, constant: -10),
  497. row.topAnchor.constraint(equalTo: rowHost.topAnchor, constant: 8),
  498. row.bottomAnchor.constraint(equalTo: rowHost.bottomAnchor, constant: -8)
  499. ])
  500. rowHost.setContentHuggingPriority(.defaultLow, for: .horizontal)
  501. sidebar.addArrangedSubview(rowHost)
  502. let sidebarHorizontalInset = sidebar.edgeInsets.left + sidebar.edgeInsets.right
  503. rowHost.widthAnchor.constraint(equalTo: sidebar.widthAnchor, constant: -sidebarHorizontalInset).isActive = true
  504. }
  505. let sidebarBottomSpacer = NSView()
  506. sidebarBottomSpacer.translatesAutoresizingMaskIntoConstraints = false
  507. sidebarBottomSpacer.setContentHuggingPriority(.defaultLow, for: .vertical)
  508. sidebarBottomSpacer.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
  509. sidebar.addArrangedSubview(sidebarBottomSpacer)
  510. let upgradeCard = NSView()
  511. upgradeCard.translatesAutoresizingMaskIntoConstraints = false
  512. upgradeCard.wantsLayer = true
  513. upgradeCard.layer?.backgroundColor = Theme.proCardFill.cgColor
  514. upgradeCard.layer?.cornerRadius = 14
  515. upgradeCard.layer?.borderWidth = 1
  516. upgradeCard.layer?.borderColor = Theme.proCardBorder.cgColor
  517. upgradeCard.layer?.masksToBounds = true
  518. let accentBar = NSView()
  519. accentBar.translatesAutoresizingMaskIntoConstraints = false
  520. accentBar.wantsLayer = true
  521. accentBar.layer?.backgroundColor = Theme.proAccent.cgColor
  522. let inner = NSStackView()
  523. inner.translatesAutoresizingMaskIntoConstraints = false
  524. inner.orientation = .vertical
  525. inner.spacing = 10
  526. inner.alignment = .centerX
  527. let proIcon = NSImageView()
  528. proIcon.translatesAutoresizingMaskIntoConstraints = false
  529. proIcon.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 13, weight: .semibold)
  530. proIcon.image = NSImage(systemSymbolName: "sparkles", accessibilityDescription: nil)
  531. proIcon.contentTintColor = Theme.proAccent
  532. let proEyebrow = NSTextField(labelWithString: "Premium")
  533. proEyebrow.font = .systemFont(ofSize: 11, weight: .heavy)
  534. proEyebrow.textColor = Theme.proAccent
  535. proEyebrow.alignment = .center
  536. let eyebrowRow = NSStackView(views: [proIcon, proEyebrow])
  537. eyebrowRow.orientation = .horizontal
  538. eyebrowRow.spacing = 6
  539. eyebrowRow.alignment = .centerY
  540. let headline = NSTextField(labelWithString: "Upgrade to Pro")
  541. headline.font = .systemFont(ofSize: 16, weight: .bold)
  542. headline.textColor = Theme.primaryText
  543. headline.alignment = .center
  544. let upgradeDescription = NSTextField(wrappingLabelWithString: "Unlimited AI matches, smart alerts, and interview prep—all in one place.")
  545. upgradeDescription.font = .systemFont(ofSize: 12, weight: .regular)
  546. upgradeDescription.textColor = Theme.secondaryText
  547. upgradeDescription.alignment = .center
  548. // Sidebar content width is 190pt (218 − edge insets); card must stay within that band.
  549. let cardWidth: CGFloat = 186
  550. let innerContentWidth = cardWidth - 28
  551. upgradeDescription.preferredMaxLayoutWidth = innerContentWidth
  552. let upgradeButton = NSButton(title: "Upgrade to Pro", target: self, action: #selector(didTapUpgradeToPro))
  553. upgradeButton.isBordered = false
  554. upgradeButton.bezelStyle = .rounded
  555. upgradeButton.font = .systemFont(ofSize: 13, weight: .bold)
  556. upgradeButton.contentTintColor = Theme.proCTAText
  557. upgradeButton.alignment = .center
  558. upgradeButton.wantsLayer = true
  559. upgradeButton.layer?.backgroundColor = Theme.proCTABackground.cgColor
  560. upgradeButton.layer?.cornerRadius = 20
  561. upgradeButton.translatesAutoresizingMaskIntoConstraints = false
  562. upgradeButton.heightAnchor.constraint(equalToConstant: 40).isActive = true
  563. inner.addArrangedSubview(eyebrowRow)
  564. inner.addArrangedSubview(headline)
  565. inner.addArrangedSubview(upgradeDescription)
  566. inner.addArrangedSubview(upgradeButton)
  567. upgradeCard.addSubview(accentBar)
  568. upgradeCard.addSubview(inner)
  569. NSLayoutConstraint.activate([
  570. upgradeCard.widthAnchor.constraint(equalToConstant: cardWidth),
  571. accentBar.topAnchor.constraint(equalTo: upgradeCard.topAnchor),
  572. accentBar.leadingAnchor.constraint(equalTo: upgradeCard.leadingAnchor),
  573. accentBar.trailingAnchor.constraint(equalTo: upgradeCard.trailingAnchor),
  574. accentBar.heightAnchor.constraint(equalToConstant: 2),
  575. inner.leadingAnchor.constraint(equalTo: upgradeCard.leadingAnchor, constant: 14),
  576. inner.trailingAnchor.constraint(equalTo: upgradeCard.trailingAnchor, constant: -14),
  577. inner.topAnchor.constraint(equalTo: accentBar.bottomAnchor, constant: 12),
  578. inner.bottomAnchor.constraint(equalTo: upgradeCard.bottomAnchor, constant: -14),
  579. upgradeButton.widthAnchor.constraint(equalTo: inner.widthAnchor)
  580. ])
  581. sidebar.addArrangedSubview(upgradeCard)
  582. }
  583. @objc private func didTapUpgradeToPro() {
  584. guard let url = URL(string: "https://www.indeed.com") else { return }
  585. NSWorkspace.shared.open(url)
  586. }
  587. private func selectSidebarItem(at index: Int) {
  588. guard index >= 0, index < currentSidebarItems.count, index != selectedSidebarIndex else { return }
  589. selectedSidebarIndex = index
  590. configureSidebar()
  591. }
  592. }
  593. /// Captures clicks for the full sidebar pill so icon, label, and padding behave as one tab.
  594. private final class SidebarNavRowView: NSView {
  595. private let onSelect: () -> Void
  596. init(onSelect: @escaping () -> Void) {
  597. self.onSelect = onSelect
  598. super.init(frame: .zero)
  599. }
  600. @available(*, unavailable)
  601. required init?(coder: NSCoder) {
  602. fatalError("init(coder:) has not been implemented")
  603. }
  604. override func hitTest(_ point: NSPoint) -> NSView? {
  605. guard let superview else { return super.hitTest(point) }
  606. let local = convert(point, from: superview)
  607. return bounds.contains(local) ? self : nil
  608. }
  609. override func mouseDown(with event: NSEvent) {
  610. onSelect()
  611. }
  612. override func updateTrackingAreas() {
  613. super.updateTrackingAreas()
  614. trackingAreas.forEach { removeTrackingArea($0) }
  615. addTrackingArea(NSTrackingArea(
  616. rect: bounds,
  617. options: [.activeInKeyWindow, .mouseEnteredAndExited, .inVisibleRect],
  618. owner: self,
  619. userInfo: nil
  620. ))
  621. }
  622. override func mouseEntered(with event: NSEvent) {
  623. super.mouseEntered(with: event)
  624. NSCursor.pointingHand.push()
  625. }
  626. override func mouseExited(with event: NSEvent) {
  627. super.mouseExited(with: event)
  628. NSCursor.pop()
  629. }
  630. }