Skip to content

Commit d9d598c

Browse files
wcoderwcoder
authored
Merge pull request #17 from wcoder/new_version
New version
2 parents fc4053b + 6abb5d4 commit d9d598c

File tree

6 files changed

+138
-66
lines changed

6 files changed

+138
-66
lines changed

‎README.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,13 @@ Evernote | ev
7070
LinkedIn | in
7171
Pinterest | pi
7272
Skype | sk
73+
WhatsApp | wa
74+
Odnoklassniki | ok
75+
Tumblr | tu
76+
Hacker News | hn
77+
Xing | xi
7378
EMail | mail
79+
Print | print
7480

7581
## Customizing
7682

@@ -104,4 +110,4 @@ If your using [Font-Awesome](https://github.com/FortAwesome/Font-Awesome):
104110

105111
----
106112

107-
© 2015 - 2018 Yauheni Pakala
113+
© 2015 - 2019 Yauheni Pakala

‎dist/share-buttons.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎example/index.html

Lines changed: 44 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,52 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<meta charset='utf-8'>
5-
6-
<title>Test page for sharing</title>
7-
<meta name="description" content="Page description" />
8-
9-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
10-
<style>
11-
/* Few styles :) */
12-
.share-btn > a {
13-
border: 1px solid #ccc;
14-
padding: 5px;
15-
font-size: 12px;
16-
font-family: Verdana, Arial;
17-
}
18-
.share-btn > a:hover {
19-
cursor: pointer;
20-
}
21-
</style>
4+
<meta charset='utf-8'>
5+
6+
<title>Test page for sharing</title>
7+
<meta name="description" content="Page description" />
8+
9+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
10+
<style>
11+
/* Few styles :) */
12+
.share-btn > a {
13+
border: 1px solid #ccc;
14+
padding: 5px;
15+
font-size: 12px;
16+
font-family: Verdana, Arial;
17+
}
18+
.share-btn > a:hover {
19+
cursor: pointer;
20+
}
21+
</style>
2222
</head>
2323
<body>
2424

25-
<p>Share this page with:</p>
26-
27-
<!-- data-url="" data-title="" data-desc="" -->
28-
29-
30-
<div class="share-btn" data-url="https://github.com/wcoder/share-buttons">
31-
<a class="btn-vk" data-id="vk"><i class="fab fa-vk"></i> VK</a>
32-
<a class="btn-facebook" data-id="fb"><i class="fab fa-facebook-square"></i> Facebook</a>
33-
<a class="btn-twitter" data-id="tw"><i class="fab fa-twitter"></i> Twitter</a>
34-
<a class="btn-telegram" data-id="tg"><i class="fab fa-telegram"></i> Telegram</a>
35-
<a class="btn-pocket" data-id="pk"><i class="fab fa-get-pocket"></i> Pocket</a>
36-
<a class="btn-reddit" data-id="re"><i class="fab fa-reddit"></i> Reddit</a>
37-
<a class="btn-evernote" data-id="ev"><i class="far fa-sticky-note"></i> Evernote</a>
38-
<a class="btn-linkedin" data-id="in"><i class="fab fa-linkedin"></i> LinkedIn</a>
39-
<a class="btn-pinterest" data-id="pi"><i class="fab fa-pinterest"></i> Pinterest</a>
40-
<a class="btn-skype" data-id="sk"><i class="fab fa-skype"></i> Skype</a>
41-
<a class="btn-mail" data-id="mail"><i class="fas fa-at"></i> EMail</a>
42-
</div>
43-
44-
45-
<!-- <a class="btn-google-plus" data-id="gp">Google+</a>
46-
<a class="btn-linkedin" data-id="in">LinkedIn</a> -->
47-
48-
49-
<script src="../src/share-buttons.js"></script>
25+
<p>Share this page with:</p>
26+
27+
<!-- data-url="" data-title="" data-desc="" -->
28+
29+
30+
<div class="share-btn" data-url="https://github.com/wcoder/share-buttons">
31+
<a class="btn-vk" data-id="vk"><i class="fab fa-vk"></i> VK</a>
32+
<a class="btn-facebook" data-id="fb"><i class="fab fa-facebook-square"></i> Facebook</a>
33+
<a class="btn-twitter" data-id="tw"><i class="fab fa-twitter"></i> Twitter</a>
34+
<a class="btn-telegram" data-id="tg"><i class="fab fa-telegram"></i> Telegram</a>
35+
<a class="btn-pocket" data-id="pk"><i class="fab fa-get-pocket"></i> Pocket</a>
36+
<a class="btn-reddit" data-id="re"><i class="fab fa-reddit"></i> Reddit</a>
37+
<a class="btn-evernote" data-id="ev"><i class="far fa-sticky-note"></i> Evernote</a>
38+
<a class="btn-linkedin" data-id="in"><i class="fab fa-linkedin"></i> LinkedIn</a>
39+
<a class="btn-pinterest" data-id="pi"><i class="fab fa-pinterest"></i> Pinterest</a>
40+
<a class="btn-skype" data-id="sk"><i class="fab fa-skype"></i> Skype</a>
41+
<a class="btn-whatsapp" data-id="wa"><i class="fab fa-whatsapp"></i> WhatsApp</a>
42+
<a class="btn-ok" data-id="ok"><i class="fab fa-odnoklassniki"></i> Odnoklassniki</a>
43+
<a class="btn-tumblr" data-id="tu"><i class="fab fa-tumblr"></i> Tumblr</a>
44+
<a class="btn-hn" data-id="hn"><i class="fab fa-hacker-news"></i> Hacker News</a>
45+
<a class="btn-xing" data-id="xi"><i class="fab fa-xing"></i> Xing</a>
46+
<a class="btn-mail" data-id="mail"><i class="fas fa-at"></i> EMail</a>
47+
<a class="btn-print" data-id="print"><i class="fas fa-print"></i> Print</a>
48+
</div>
49+
50+
<script src="../src/share-buttons.js"></script>
5051
</body>
5152
</html>

‎package-lock.json

Lines changed: 18 additions & 17 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "share-buttons",
3-
"version": "1.2.0",
3+
"version": "1.3.0",
44
"description": "Simple social buttons for your site.",
55
"directories": {
66
"example": "example"
@@ -20,14 +20,15 @@
2020
"homepage": "https://wcoder.github.io/share-buttons",
2121
"devDependencies": {
2222
"gulp": "^4.0.0",
23-
"gulp-uglify": "^3.0.0"
23+
"gulp-uglify": "^3.0.1"
2424
},
2525
"main": "dist/share-buttons.js",
2626
"dependencies": {},
2727
"keywords": [
2828
"social",
2929
"buttons",
3030
"share",
31+
"fontawesome",
3132
"facebook",
3233
"vk",
3334
"twitter",
@@ -38,6 +39,12 @@
3839
"pocket",
3940
"reddit",
4041
"evernote",
41-
"email"
42+
"whatsapp",
43+
"odnoklassniki",
44+
"tumblr",
45+
"hackernews",
46+
"xing",
47+
"email",
48+
"print"
4249
]
4350
}

‎src/share-buttons.js

Lines changed: 58 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,11 @@
2020
IN_LINK_FORMAT = 'https://www.linkedin.com/shareArticle?mini=true&url={0}&title={1}&summary={2}&source={0}',
2121
PI_LINK_FORMAT = 'https://pinterest.com/pin/create/button/?url={0}&media={0}&description={1}',
2222
SK_LINK_FORMAT = 'https://web.skype.com/share?url={0}&source=button&text={1}',
23+
WA_LINK_FORMAT = 'whatsapp://send?text={0}%20{1}',
24+
OK_LINK_FORMAT = 'https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl={0}',
25+
TU_LINK_FORMAT = 'https://www.tumblr.com/widgets/share/tool?posttype=link&title={0}&caption={0}&content={1}&canonicalUrl={1}&shareSource=tumblr_share_button',
26+
HN_LINK_FORMAT = 'https://news.ycombinator.com/submitlink?t={0}&u={1}',
27+
XI_LINK_FORMAT = 'https://www.xing.com/app/user?op=share;url={0};title={1}',
2328
MAIL_LINK_FORMAT = 'mailto:?Subject={0}{1}&body={2}{3}',
2429
FB_CLASS_NAME = 'fb',
2530
VK_CLASS_NAME = 'vk',
@@ -31,7 +36,13 @@
3136
IN_CLASS_NAME = 'in',
3237
PI_CLASS_NAME = 'pi',
3338
SK_CLASS_NAME = 'sk',
34-
MAIL_CLASS_NAME = 'mail';
39+
WA_CLASS_NAME = 'wa',
40+
OK_CLASS_NAME = 'ok',
41+
TU_CLASS_NAME = 'tu',
42+
HN_CLASS_NAME = 'hn',
43+
XI_CLASS_NAME = 'xi',
44+
MAIL_CLASS_NAME = 'mail',
45+
PRINT_CLASS_NAME = 'print';
3546

3647
/**
3748
* Method for get string in the special format by arguments
@@ -251,6 +262,48 @@
251262
titleDef);
252263
break;
253264

265+
case WA_CLASS_NAME:
266+
popupCenter(
267+
stringFormat(WA_LINK_FORMAT, [
268+
mergeForTitle([title, desc]),
269+
url
270+
]),
271+
titleDef);
272+
break;
273+
274+
case OK_CLASS_NAME:
275+
popupCenter(
276+
stringFormat(OK_LINK_FORMAT, [ url ]),
277+
titleDef);
278+
break;
279+
280+
case TU_CLASS_NAME:
281+
popupCenter(
282+
stringFormat(TU_LINK_FORMAT, [
283+
mergeForTitle([title, desc]),
284+
url
285+
]),
286+
titleDef);
287+
break;
288+
289+
case HN_CLASS_NAME:
290+
popupCenter(
291+
stringFormat(HN_LINK_FORMAT, [
292+
mergeForTitle([title, desc]),
293+
url
294+
]),
295+
titleDef);
296+
break;
297+
298+
case XI_CLASS_NAME:
299+
popupCenter(
300+
stringFormat(XI_LINK_FORMAT, [
301+
url,
302+
mergeForTitle([title, desc])
303+
]),
304+
titleDef);
305+
break;
306+
254307
case MAIL_CLASS_NAME:
255308
if (title.length > 0 && desc.length > 0) {
256309
text = mergeForTitle([title, desc]);
@@ -265,6 +318,10 @@
265318
location.href = stringFormat(MAIL_LINK_FORMAT, [title, titleDef, text, url]);
266319
break;
267320

321+
case PRINT_CLASS_NAME:
322+
window.print();
323+
break;
324+
268325
default:
269326
break;
270327
}

0 commit comments

Comments
 (0)