From 5e926f3e75471842093979d6d10fd1cb2b0b5632 Mon Sep 17 00:00:00 2001
From: ostertun <github@ostertun.net>
Date: Mon, 5 Oct 2020 13:09:24 +0200
Subject: [PATCH] Add share button on own planning

---
 server/content/planning_view.php |  3 ++-
 server/page/menus.php            | 10 +++++-----
 server/scripts/planning.js       |  2 ++
 server/scripts/planning_view.js  |  9 +++++++++
 4 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/server/content/planning_view.php b/server/content/planning_view.php
index cf37f0c..ba8b855 100644
--- a/server/content/planning_view.php
+++ b/server/content/planning_view.php
@@ -6,7 +6,8 @@
 
 	// Title
 	$content = '<h1>Saison-Planung</h1>';
-	$content .= '<p id="p-username"></p>';
+	$content .= '<p id="p-username" class="mb-1"></p>';
+	$content .= $tpl->load('button', ['<i class="fas fa-share-alt"></i>&ensp;Teilen', '#', 'html-id' => 'button-share']);
 	$content .= $tpl->load('select', ['html-id' => 'select-year', 'placeholder' => 'Jahr', 'css-class' => 'mt-3 mb-0']);
 
 	$sp['output'] .= $tpl->load('card', [$content]);
diff --git a/server/page/menus.php b/server/page/menus.php
index ff88dde..7ef3608 100644
--- a/server/page/menus.php
+++ b/server/page/menus.php
@@ -3,27 +3,27 @@
 	<div class="content mb-0">
 		<div class="divider mb-0"></div>
 		<div class="list-group list-custom-small list-icon-0">
-			<a href="#" class="shareToFacebook">
+			<a href="#" class="shareToFacebook" target="_blank">
 				<i class="font-18 fab fa-facebook color-facebook"></i>
 				<span class="font-13">Facebook</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToTwitter">
+			<a href="#" class="shareToTwitter" target="_blank">
 				<i class="font-18 fab fa-twitter-square color-twitter"></i>
 				<span class="font-13">Twitter</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToLinkedIn">
+			<a href="#" class="shareToLinkedIn" target="_blank">
 				<i class="font-18 fab fa-linkedin color-linkedin"></i>
 				<span class="font-13">LinkedIn</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToWhatsApp">
+			<a href="#" class="shareToWhatsApp" target="_blank">
 				<i class="font-18 fab fa-whatsapp-square color-whatsapp"></i>
 				<span class="font-13">WhatsApp</span>
 				<i class="fa fa-angle-right"></i>
 			</a>
-			<a href="#" class="shareToMail border-0">
+			<a href="#" class="shareToMail border-0" target="_blank">
 				<i class="font-18 fa fa-envelope-square color-mail"></i>
 				<span class="font-13">Email</span>
 				<i class="fa fa-angle-right"></i>
diff --git a/server/scripts/planning.js b/server/scripts/planning.js
index a109b34..e6a0e3e 100644
--- a/server/scripts/planning.js
+++ b/server/scripts/planning.js
@@ -115,6 +115,8 @@ var siteScript = async function() {
 		$('#switch-status-bezahlt').parent().parent().click(planningSwitchChanged);
 	}
 
+	$('#a-share-planning').attr('href', LINK_PRE + 'planning_view?user=' + USER_ID);
+
 	today = getToday();
 
 	var selectedYear = $('#select-year').val();
diff --git a/server/scripts/planning_view.js b/server/scripts/planning_view.js
index c0cc616..e1f770b 100644
--- a/server/scripts/planning_view.js
+++ b/server/scripts/planning_view.js
@@ -46,6 +46,15 @@ var siteScript = async function() {
 
 	$('#p-username').text(user.username);
 
+	if (isLoggedIn() && (userid == USER_ID)) {
+		$('#button-share').show();
+		$('#button-share').click(function(){
+			$('#menu-share').showMenu();
+		});
+	} else {
+		$('#button-share').hide();
+	}
+
 	if (firstCall) {
 		firstCall = false;
 		initYear();