1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
|
// Copyright 2020 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
#include "chrome/browser/ui/views/webauthn/webauthn_hover_button.h"
#include <memory>
#include <string>
#include <utility>
#include "base/strings/string_util.h"
#include "chrome/browser/ui/color/chrome_color_id.h"
#include "chrome/browser/ui/views/chrome_layout_provider.h"
#include "chrome/browser/ui/views/controls/hover_button.h"
#include "ui/base/metadata/metadata_header_macros.h"
#include "ui/base/metadata/metadata_impl_macros.h"
#include "ui/compositor/layer.h"
#include "ui/gfx/geometry/size.h"
#include "ui/gfx/text_constants.h"
#include "ui/views/accessibility/view_accessibility.h"
#include "ui/views/border.h"
#include "ui/views/controls/label.h"
#include "ui/views/layout/layout_provider.h"
#include "ui/views/layout/layout_types.h"
#include "ui/views/layout/table_layout.h"
#include "ui/views/style/typography.h"
#include "ui/views/style/typography_provider.h"
#include "ui/views/view_class_properties.h"
namespace {
// IconWrapper wraps an icon for placing it into a
// |WebAuthnHoverButton|. It is a near copy of the base HoverButton's
// internal class of the same name, but the horizontal spacing applied
// by that class is incompatible with the WebAuthn UI spec.
class IconWrapper : public views::View {
METADATA_HEADER(IconWrapper, views::View)
public:
explicit IconWrapper(std::unique_ptr<views::View> icon) {
AddChildView(std::move(icon));
SetUseDefaultFillLayout(true);
// Make sure hovering over the icon also hovers the |HoverButton|.
SetCanProcessEventsWithinSubtree(false);
// Don't cover |icon| when the ink drops are being painted.
SetPaintToLayer();
layer()->SetFillsBoundsOpaquely(false);
}
};
BEGIN_METADATA(IconWrapper)
END_METADATA
} // namespace
WebAuthnHoverButton::WebAuthnHoverButton(
PressedCallback callback,
std::unique_ptr<views::ImageView> icon,
const std::u16string& title_text,
const std::u16string& subtitle_text,
std::unique_ptr<views::View> secondary_icon,
bool enabled)
: HoverButton(std::move(callback), std::u16string()) {
SetEnabled(enabled);
ChromeLayoutProvider* layout_provider = ChromeLayoutProvider::Get();
auto* layout = SetLayoutManager(std::make_unique<views::TableLayout>());
// TODO (crbug/1267403): This is hideous. We have to tell the TableLayout to
// ignore the child views created by the LabelButton ancestor. They're not
// used but must exist to keep things happy. This view should be refactored to
// descend from views::Button directly.
for (views::View* child : children()) {
child->SetProperty(views::kViewIgnoredByLayoutKey, true);
}
const int icon_padding = layout_provider->GetDistanceMetric(
views::DISTANCE_RELATED_LABEL_HORIZONTAL);
if (icon) {
layout
->AddColumn(views::LayoutAlignment::kCenter,
views::LayoutAlignment::kCenter,
views::TableLayout::kFixedSize,
views::TableLayout::ColumnSize::kUsePreferred,
/*fixed_width=*/0,
/*min_width=*/0)
.AddPaddingColumn(views::TableLayout::kFixedSize, icon_padding);
}
layout->AddColumn(
views::LayoutAlignment::kStretch, views::LayoutAlignment::kStretch,
/*horizontal_resize=*/1.0, views::TableLayout::ColumnSize::kUsePreferred,
/*fixed_width=*/0,
/*min_width=*/0);
if (secondary_icon) {
layout->AddPaddingColumn(views::TableLayout::kFixedSize, icon_padding)
.AddColumn(views::LayoutAlignment::kCenter,
views::LayoutAlignment::kCenter,
views::TableLayout::kFixedSize,
views::TableLayout::ColumnSize::kUsePreferred,
/*fixed_width=*/0,
/*min_width=*/0);
}
const int row_height = views::TypographyProvider::Get().GetLineHeight(
views::style::CONTEXT_LABEL, views::style::STYLE_PRIMARY);
const bool is_two_line = !subtitle_text.empty();
const int icon_row_span = is_two_line ? 2 : 1;
layout->AddRows(icon_row_span, views::TableLayout::kFixedSize, row_height);
if (icon) {
icon_view_ = AddChildView(std::make_unique<IconWrapper>(std::move(icon)));
icon_view_->SetProperty(views::kTableColAndRowSpanKey,
gfx::Size(/*width=*/1, icon_row_span));
}
title_ = AddChildView(
std::make_unique<views::Label>(title_text, views::style::CONTEXT_LABEL,
views::style::STYLE_BODY_3_EMPHASIS));
title_->SetHorizontalAlignment(gfx::ALIGN_LEFT);
title_->SetProperty(views::kTableColAndRowSpanKey,
gfx::Size(/*width=*/1, /*height=*/1));
title_->SetEnabledColor(GetEnabled()
? kColorWebAuthnHoverButtonForeground
: kColorWebAuthnHoverButtonForegroundDisabled);
if (secondary_icon) {
secondary_icon_view_ =
AddChildView(std::make_unique<IconWrapper>(std::move(secondary_icon)));
secondary_icon_view_->SetProperty(views::kTableColAndRowSpanKey,
gfx::Size(/*width=*/1, icon_row_span));
}
if (is_two_line && !subtitle_text.empty()) {
subtitle_ = AddChildView(std::make_unique<views::Label>(
subtitle_text, views::style::CONTEXT_LABEL,
views::style::STYLE_BODY_3));
subtitle_->SetHorizontalAlignment(gfx::ALIGN_LEFT);
subtitle_->SetEnabledColor(
GetEnabled() ? kColorWebAuthnHoverButtonForeground
: kColorWebAuthnHoverButtonForegroundDisabled);
}
GetViewAccessibility().SetName(
subtitle_text.empty()
? title_text
: base::JoinString({title_text, subtitle_text}, u"\n"));
// Per WebAuthn UI specs, the top/bottom insets of hover buttons are 16dp for
// a one-line button, and 10dp for a two-line button. Left/right insets are
// 8dp assuming a 16dp primary icon, or no icon at all. (With a 24dp primary
// icon, the left inset would be 12dp, but we don't currently have a button
// with such an icon.)
int vert_inset = is_two_line ? 10 : 16;
int left_inset = 8;
int right_inset = 16;
SetBorder(views::CreateEmptyBorder(
gfx::Insets::TLBR(vert_inset, left_inset, vert_inset, right_inset)));
}
BEGIN_METADATA(WebAuthnHoverButton)
END_METADATA
|
