@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Payment sprite icons.
Summary: Adds some icons for taking money.
Test Plan: UIExamples
Reviewers: epriestley, btrahan
Reviewed By: epriestley
CC: aran, Korvin
Differential Revision: https://secure.phabricator.com/D5753
+196
-2
+45
resources/sprite/manifest/payments.json
+45
resources/sprite/manifest/payments.json
···
1
+
{
2
+
"version" : 1,
3
+
"sprites" : {
4
+
"payments-americanexpress" : {
5
+
"name" : "payments-americanexpress",
6
+
"rule" : ".payments-americanexpress",
7
+
"hash" : "ace986273a0bae308c4018e02cdd60f2"
8
+
},
9
+
"payments-discover" : {
10
+
"name" : "payments-discover",
11
+
"rule" : ".payments-discover",
12
+
"hash" : "0b60e5e4c25e0d3bf2c3cb780d7eaf00"
13
+
},
14
+
"payments-googlecheckout" : {
15
+
"name" : "payments-googlecheckout",
16
+
"rule" : ".payments-googlecheckout",
17
+
"hash" : "1f00e015545898e059ca09fa49b239e7"
18
+
},
19
+
"payments-mastercard" : {
20
+
"name" : "payments-mastercard",
21
+
"rule" : ".payments-mastercard",
22
+
"hash" : "49a742b837610f7b37b565ba4899c95c"
23
+
},
24
+
"payments-paypal" : {
25
+
"name" : "payments-paypal",
26
+
"rule" : ".payments-paypal",
27
+
"hash" : "5664cf7acd9fe65d60e1449a33f56ce2"
28
+
},
29
+
"payments-visa" : {
30
+
"name" : "payments-visa",
31
+
"rule" : ".payments-visa",
32
+
"hash" : "ff2ffac55927dbe7a1bf02fdfac561ea"
33
+
},
34
+
"payments-worldpay" : {
35
+
"name" : "payments-worldpay",
36
+
"rule" : ".payments-worldpay",
37
+
"hash" : "acc037ffa26f6caccf290006e39ba1fc"
38
+
}
39
+
},
40
+
"scales" : [
41
+
1
42
+
],
43
+
"header" : "\/**\n * @provides sprite-payments-css\n * @generated\n *\/\n\n.sprite-payments {\n background-image: url(\/rsrc\/image\/sprite-payments.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-payments {\n background-image: url(\/rsrc\/image\/sprite-payments-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
44
+
"type" : "standard"
45
+
}
resources/sprite/payments_2x/americanexpress.png
resources/sprite/payments_2x/americanexpress.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/discover.png
resources/sprite/payments_2x/discover.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/googlecheckout.png
resources/sprite/payments_2x/googlecheckout.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/mastercard.png
resources/sprite/payments_2x/mastercard.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/paypal.png
resources/sprite/payments_2x/paypal.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/visa.png
resources/sprite/payments_2x/visa.png
This is a binary file and will not be displayed.
resources/sprite/payments_2x/worldpay.png
resources/sprite/payments_2x/worldpay.png
This is a binary file and will not be displayed.
+1
scripts/celerity/generate_sprites.php
+1
scripts/celerity/generate_sprites.php
···
34
34
'minicons' => $generator->buildMiniconsSheet(),
35
35
'conpherence' => $generator->buildConpherenceSheet(),
36
36
'apps-large' => $generator->buildAppsLargeSheet(),
37
+
'payments' => $generator->buildPaymentsSheet(),
37
38
'tokens' => $generator->buildTokenSheet(),
38
39
'docs' => $generator->buildDocsSheet(),
39
40
'gradient' => $generator->buildGradientSheet(),
+24
-1
src/__celerity_resource_map__.php
+24
-1
src/__celerity_resource_map__.php
···
637
637
'disk' => '/rsrc/image/sprite-minicons.png',
638
638
'type' => 'png',
639
639
),
640
+
'/rsrc/image/sprite-payments-X2.png' =>
641
+
array(
642
+
'hash' => 'a896e11842db04bde8c3dc18d6efacd3',
643
+
'uri' => '/res/a896e118/rsrc/image/sprite-payments-X2.png',
644
+
'disk' => '/rsrc/image/sprite-payments-X2.png',
645
+
'type' => 'png',
646
+
),
647
+
'/rsrc/image/sprite-payments.png' =>
648
+
array(
649
+
'hash' => '5ac5b872d19a862eabc508c8bf97a53b',
650
+
'uri' => '/res/5ac5b872/rsrc/image/sprite-payments.png',
651
+
'disk' => '/rsrc/image/sprite-payments.png',
652
+
'type' => 'png',
653
+
),
640
654
'/rsrc/image/sprite-tokens.png' =>
641
655
array(
642
656
'hash' => '67c46fd75c885b76ecbfe46e71a476cc',
···
3609
3623
),
3610
3624
'phui-icon-view-css' =>
3611
3625
array(
3612
-
'uri' => '/res/4d0588b4/rsrc/css/phui/phui-icon.css',
3626
+
'uri' => '/res/9d05b3f3/rsrc/css/phui/phui-icon.css',
3613
3627
'type' => 'css',
3614
3628
'requires' =>
3615
3629
array(
···
3885
3899
array(
3886
3900
),
3887
3901
'disk' => '/rsrc/css/sprite-minicons.css',
3902
+
),
3903
+
'sprite-payments-css' =>
3904
+
array(
3905
+
'uri' => '/res/dcb6e856/rsrc/css/sprite-payments.css',
3906
+
'type' => 'css',
3907
+
'requires' =>
3908
+
array(
3909
+
),
3910
+
'disk' => '/rsrc/css/sprite-payments.css',
3888
3911
),
3889
3912
'sprite-tokens-css' =>
3890
3913
array(
+42
-1
src/applications/uiexample/examples/PHUIIconExample.php
+42
-1
src/applications/uiexample/examples/PHUIIconExample.php
···
48
48
$person6->setImage(
49
49
celerity_get_resource_uri('/rsrc/image/people/taft.png'));
50
50
51
+
$card1 = id(new PHUIIconView())
52
+
->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
53
+
->setSpriteIcon('visa')
54
+
->addClass(PHUI::MARGIN_SMALL_RIGHT);
55
+
56
+
$card2 = id(new PHUIIconView())
57
+
->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
58
+
->setSpriteIcon('mastercard')
59
+
->addClass(PHUI::MARGIN_SMALL_RIGHT);
60
+
61
+
$card3 = id(new PHUIIconView())
62
+
->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
63
+
->setSpriteIcon('paypal')
64
+
->addClass(PHUI::MARGIN_SMALL_RIGHT);
65
+
66
+
$card4 = id(new PHUIIconView())
67
+
->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
68
+
->setSpriteIcon('americanexpress')
69
+
->addClass(PHUI::MARGIN_SMALL_RIGHT);
70
+
71
+
$card5 = id(new PHUIIconView())
72
+
->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
73
+
->setSpriteIcon('googlecheckout');
74
+
51
75
$actions = array(
52
76
'settings-grey',
53
77
'heart-grey',
···
108
132
->addPadding(PHUI::PADDING_SMALL)
109
133
->setShadow(true));
110
134
135
+
$layout4 =
136
+
array(
137
+
id(new PHUIBoxView())
138
+
->appendChild(array($card1, $card2, $card3, $card4, $card5))
139
+
->addMargin(PHUI::MARGIN_MEDIUM)
140
+
->addPadding(PHUI::PADDING_MEDIUM)
141
+
->setShadow(true));
142
+
111
143
$head1 = id(new PhabricatorHeaderView())
112
144
->setHeader(pht('Action Icons!'));
113
145
···
117
149
$head3 = id(new PhabricatorHeaderView())
118
150
->setHeader(pht('Tokens'));
119
151
152
+
$head4 = id(new PhabricatorHeaderView())
153
+
->setHeader(pht('Payments'));
154
+
120
155
$wrap1 = id(new PHUIBoxView())
121
156
->appendChild($layout1)
122
157
->addMargin(PHUI::MARGIN_LARGE);
···
127
162
128
163
$wrap3 = id(new PHUIBoxView())
129
164
->appendChild($layout3)
165
+
->addMargin(PHUI::MARGIN_LARGE);
166
+
167
+
$wrap4 = id(new PHUIBoxView())
168
+
->appendChild($layout4)
130
169
->addMargin(PHUI::MARGIN_LARGE);
131
170
132
171
return phutil_tag(
···
138
177
$head2,
139
178
$wrap2,
140
179
$head3,
141
-
$wrap3
180
+
$wrap3,
181
+
$head4,
182
+
$wrap4
142
183
));
143
184
}
144
185
}
+31
src/infrastructure/celerity/CeleritySpriteGenerator.php
+31
src/infrastructure/celerity/CeleritySpriteGenerator.php
···
332
332
return $sheet;
333
333
}
334
334
335
+
public function buildPaymentsSheet() {
336
+
$icons = $this->getDirectoryList('payments_2x');
337
+
$scales = array(
338
+
'2x' => 1,
339
+
);
340
+
$template = id(new PhutilSprite())
341
+
->setSourceSize(60, 32);
342
+
343
+
$sprites = array();
344
+
$prefix = 'payments_';
345
+
foreach ($icons as $icon) {
346
+
$sprite = id(clone $template)
347
+
->setName('payments-'.$icon)
348
+
->setTargetCSS('.payments-'.$icon);
349
+
350
+
foreach ($scales as $scale_key => $scale) {
351
+
$path = $this->getPath($prefix.$scale_key.'/'.$icon.'.png');
352
+
$sprite->setSourceFile($path, $scale);
353
+
}
354
+
$sprites[] = $sprite;
355
+
}
356
+
357
+
$sheet = $this->buildSheet('payments', true);
358
+
$sheet->setScales($scales);
359
+
foreach ($sprites as $sprite) {
360
+
$sheet->addSprite($sprite);
361
+
}
362
+
363
+
return $sheet;
364
+
}
365
+
335
366
336
367
public function buildConpherenceSheet() {
337
368
$name = 'conpherence';
+1
src/view/phui/PHUIIconView.php
+1
src/view/phui/PHUIIconView.php
+5
webroot/rsrc/css/phui/phui-icon.css
+5
webroot/rsrc/css/phui/phui-icon.css
+47
webroot/rsrc/css/sprite-payments.css
+47
webroot/rsrc/css/sprite-payments.css
···
1
+
/**
2
+
* @provides sprite-payments-css
3
+
* @generated
4
+
*/
5
+
6
+
.sprite-payments {
7
+
background-image: url(/rsrc/image/sprite-payments.png);
8
+
background-repeat: no-repeat;
9
+
}
10
+
11
+
@media
12
+
only screen and (min-device-pixel-ratio: 1.5),
13
+
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
14
+
.sprite-payments {
15
+
background-image: url(/rsrc/image/sprite-payments-X2.png);
16
+
background-size: 122px 132px;
17
+
}
18
+
}
19
+
20
+
21
+
.payments-americanexpress {
22
+
background-position: 0px 0px;
23
+
}
24
+
25
+
.payments-discover {
26
+
background-position: -61px 0px;
27
+
}
28
+
29
+
.payments-googlecheckout {
30
+
background-position: 0px -33px;
31
+
}
32
+
33
+
.payments-mastercard {
34
+
background-position: -61px -33px;
35
+
}
36
+
37
+
.payments-paypal {
38
+
background-position: 0px -66px;
39
+
}
40
+
41
+
.payments-visa {
42
+
background-position: -61px -66px;
43
+
}
44
+
45
+
.payments-worldpay {
46
+
background-position: 0px -99px;
47
+
}
webroot/rsrc/image/sprite-payments.png
webroot/rsrc/image/sprite-payments.png
This is a binary file and will not be displayed.