From 731737467a1325d75a84ca10e38c2a0ddd00a258 Mon Sep 17 00:00:00 2001
From: kosgrz <45372453+kosgrz@users.noreply.github.com>
Date: Thu, 30 May 2019 01:29:03 +0200
Subject: [PATCH] add profile image to plugin posts (#7)

* add profile image to plugin posts
* fix S4B icon in webapp according to brand guidelines
* changed the icon in the channel header to a more generic video icon
---
 Makefile                                      |   6 +++
 assets/profile.png                            | Bin 0 -> 2406 bytes
 server/plugin.go                              |  35 ++++++++++++++++--
 server/plugin_test.go                         |  13 +++++++
 webapp/src/components/icon.jsx                |   4 +-
 .../post_type_s4b/post_type_s4b.jsx           |   6 ---
 webapp/src/constants/svgs.js                  |   6 +--
 7 files changed, 54 insertions(+), 16 deletions(-)
 create mode 100644 assets/profile.png

diff --git a/Makefile b/Makefile
index 8ffb8da53..c2991552e 100644
--- a/Makefile
+++ b/Makefile
@@ -5,6 +5,9 @@ HTTP ?= $(shell command -v http 2> /dev/null)
 CURL ?= $(shell command -v curl 2> /dev/null)
 MANIFEST_FILE ?= plugin.json
 
+# You can include assets this directory into the bundle. This can be e.g. used to include profile pictures.
+ASSETS_DIR ?= assets
+
 # Verify environment, and define PLUGIN_ID, PLUGIN_VERSION, HAS_SERVER and HAS_WEBAPP as needed.
 include build/setup.mk
 
@@ -90,6 +93,9 @@ bundle:
 	rm -rf dist/
 	mkdir -p dist/$(PLUGIN_ID)
 	cp $(MANIFEST_FILE) dist/$(PLUGIN_ID)/
+ifneq ($(wildcard $(ASSETS_DIR)/.),)
+	cp -r $(ASSETS_DIR) dist/$(PLUGIN_ID)/
+endif
 ifneq ($(HAS_SERVER),)
 	mkdir -p dist/$(PLUGIN_ID)/server/dist;
 	cp -r server/dist/* dist/$(PLUGIN_ID)/server/dist/;
diff --git a/assets/profile.png b/assets/profile.png
new file mode 100644
index 0000000000000000000000000000000000000000..9798bdd2b6b8250201859373a02077a9bc53d349
GIT binary patch
literal 2406
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
YUxtB%9uIa<!T<mO07*qoM6N<$f<ot;kN^Mx

literal 0
HcmV?d00001

diff --git a/server/plugin.go b/server/plugin.go
index 8867fd5a9..71e408df9 100644
--- a/server/plugin.go
+++ b/server/plugin.go
@@ -6,8 +6,13 @@ package main
 import (
 	"encoding/json"
 	"fmt"
+	"github.com/mattermost/mattermost-server/mlog"
+	"io"
 	"net/http"
 	"net/url"
+	"os"
+	"path"
+	"path/filepath"
 	"regexp"
 	"strings"
 	"sync"
@@ -19,7 +24,7 @@ import (
 const (
 	POST_MEETING_KEY               = "post_meeting_"
 	POST_MEETING_TYPE              = "custom_s4b"
-	POST_MEETING_OVERRIDE_USERNAME = "Skype for Business"
+	POST_MEETING_OVERRIDE_USERNAME = "Skype for Business Plugin"
 	NEW_APPLICATION_USER_AGENT     = "mm_skype4b_plugin"
 	NEW_APPLICATION_CULTURE        = "en-US"
 	WS_EVENT_AUTHENTICATED         = "authenticated"
@@ -76,6 +81,8 @@ func (p *Plugin) ServeHTTP(c *plugin.Context, w http.ResponseWriter, r *http.Req
 		p.completeAuthorizeInADD(w, r)
 	case "/api/v1/register_meeting_from_online_version":
 		p.handleRegisterMeetingFromOnlineVersion(w, r)
+	case "/api/v1/assets/profile.png":
+		p.handleProfileImage(w, r)
 	default:
 		http.NotFound(w, r)
 	}
@@ -277,6 +284,8 @@ func (p *Plugin) handleRegisterMeetingFromOnlineVersion(w http.ResponseWriter, r
 		return
 	}
 
+	serverConfiguration := p.API.GetConfig()
+
 	post := &model.Post{
 		UserId:    user.Id,
 		ChannelId: req.ChannelId,
@@ -290,7 +299,7 @@ func (p *Plugin) handleRegisterMeetingFromOnlineVersion(w http.ResponseWriter, r
 			"override_username": POST_MEETING_OVERRIDE_USERNAME,
 			"meeting_status":    "STARTED",
 			"from_webhook":      "true",
-			"override_icon_url": "", //todo
+			"override_icon_url": path.Join(*serverConfiguration.ServiceSettings.SiteURL, "plugins", manifest.Id, "api", "v1", "assets", "profile.png"),
 		},
 	}
 
@@ -368,6 +377,8 @@ func (p *Plugin) handleCreateMeetingInServerVersion(w http.ResponseWriter, r *ht
 		return
 	}
 
+	serverConfiguration := p.API.GetConfig()
+
 	post := &model.Post{
 		UserId:    user.Id,
 		ChannelId: req.ChannelId,
@@ -381,7 +392,7 @@ func (p *Plugin) handleCreateMeetingInServerVersion(w http.ResponseWriter, r *ht
 			"meeting_topic":     "Meeting created by " + user.Username,
 			"meeting_status":    "STARTED",
 			"from_webhook":      "true",
-			"override_icon_url": "", //todo
+			"override_icon_url": path.Join(*serverConfiguration.ServiceSettings.SiteURL, "plugins", manifest.Id, "api", "v1", "assets", "profile.png"),
 		},
 	}
 
@@ -406,6 +417,24 @@ func (p *Plugin) handleCreateMeetingInServerVersion(w http.ResponseWriter, r *ht
 	return
 }
 
+func (p *Plugin) handleProfileImage(w http.ResponseWriter, r *http.Request) {
+	bundlePath, err := p.API.GetBundlePath()
+	if err != nil {
+		http.Error(w, err.Error(), http.StatusInternalServerError)
+		return
+	}
+	img, err := os.Open(filepath.Join(bundlePath, "assets", "profile.png"))
+	if err != nil {
+		http.NotFound(w, r)
+		mlog.Error("Unable to read Skype 4 Business plugin profile image, err=" + err.Error())
+		return
+	}
+	defer img.Close()
+
+	w.Header().Set("Content-Type", "image/png")
+	io.Copy(w, img)
+}
+
 func (p *Plugin) fetchOnlineMeetingsUrl() (*ApplicationState, *APIError) {
 	config := p.getConfiguration()
 	discoveryUrl := "https://lyncdiscover." + config.Domain
diff --git a/server/plugin_test.go b/server/plugin_test.go
index 21ec65cb2..1e634303e 100644
--- a/server/plugin_test.go
+++ b/server/plugin_test.go
@@ -119,6 +119,13 @@ func TestPlugin(t *testing.T) {
 				Email: "theuseremail",
 			}, (*model.AppError)(nil))
 
+			siteUrl := "https://domain.test"
+			api.On("GetConfig").Return(&model.Config{
+				ServiceSettings: model.ServiceSettings{
+					SiteURL: &siteUrl,
+				},
+			})
+
 			api.On("GetChannelMember", "thechannelid", "theuserid").Return(&model.ChannelMember{}, (*model.AppError)(nil))
 			api.On("CreatePost", mock.AnythingOfType("*model.Post")).Return(&model.Post{}, (*model.AppError)(nil))
 			api.On("KVSet", fmt.Sprintf("%v%v", POST_MEETING_KEY, "L30IC51J"), mock.AnythingOfType("[]uint8")).Return((*model.AppError)(nil))
@@ -188,6 +195,12 @@ func TestPlugin(t *testing.T) {
 		clientMock.On("createNewMeeting", mock.Anything, mock.Anything, mock.Anything).Return(&NewMeetingResponse{
 			MeetingId: expectedMeetingId,
 		}, nil)
+		siteUrl := "https://domain.test"
+		api.On("GetConfig").Return(&model.Config{
+			ServiceSettings: model.ServiceSettings{
+				SiteURL: &siteUrl,
+			},
+		})
 
 		p := Plugin{client: clientMock}
 		p.setConfiguration(&configuration{
diff --git a/webapp/src/components/icon.jsx b/webapp/src/components/icon.jsx
index fef491d1d..0cd8d56d3 100644
--- a/webapp/src/components/icon.jsx
+++ b/webapp/src/components/icon.jsx
@@ -15,7 +15,7 @@ export default class Icon extends React.PureComponent {
             <span
                 style={style.iconStyle}
                 aria-hidden='true'
-                dangerouslySetInnerHTML={{__html: Svgs.SKYPE}}
+                dangerouslySetInnerHTML={{__html: Svgs.VIDEO_CAMERA}}
             />
         );
     }
@@ -25,7 +25,7 @@ const getStyle = makeStyleFromTheme(() => {
     return {
         iconStyle: {
             position: 'relative',
-            top: '4px',
+            top: '-1px',
         },
     };
 });
diff --git a/webapp/src/components/post_type_s4b/post_type_s4b.jsx b/webapp/src/components/post_type_s4b/post_type_s4b.jsx
index 2975cf960..4cb008599 100644
--- a/webapp/src/components/post_type_s4b/post_type_s4b.jsx
+++ b/webapp/src/components/post_type_s4b/post_type_s4b.jsx
@@ -6,8 +6,6 @@ import PropTypes from 'prop-types';
 
 import {makeStyleFromTheme} from 'mattermost-redux/utils/theme_utils';
 
-import {Svgs} from '../../constants';
-
 export default class PostTypeS4b extends React.PureComponent {
     static propTypes = {
 
@@ -40,10 +38,6 @@ export default class PostTypeS4b extends React.PureComponent {
                 target='_blank'
                 href={props.meeting_link}
             >
-                <i
-                    style={style.buttonIcon}
-                    dangerouslySetInnerHTML={{__html: Svgs.SKYPE_2}}
-                />
                 {'JOIN MEETING'}
             </a>
         );
diff --git a/webapp/src/constants/svgs.js b/webapp/src/constants/svgs.js
index e4031289b..ad6b126e7 100644
--- a/webapp/src/constants/svgs.js
+++ b/webapp/src/constants/svgs.js
@@ -1,7 +1,3 @@
-// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
-// See License for license information.
-
 export default {
-    SKYPE: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14pt' height='14pt' viewBox='0 0 10 10' version='1.1'> <g id='surface1'> <path style=' stroke:none;fill-rule:nonzero;fill:rgb(0%,66.27451%,90.980392%);fill-opacity:1;' d='M 9.292969 5.757812 C 9.339844 5.511719 9.355469 5.261719 9.355469 5 C 9.355469 2.589844 7.410156 0.644531 5 0.644531 C 4.738281 0.644531 4.488281 0.660156 4.242188 0.707031 C 3.855469 0.488281 3.425781 0.367188 2.960938 0.367188 C 1.523438 0.367188 0.367188 1.523438 0.367188 2.960938 C 0.367188 3.425781 0.488281 3.871094 0.707031 4.242188 C 0.660156 4.488281 0.644531 4.738281 0.644531 5 C 0.644531 7.410156 2.589844 9.355469 5 9.355469 C 5.261719 9.355469 5.511719 9.339844 5.757812 9.292969 C 6.144531 9.511719 6.574219 9.632812 7.039062 9.632812 C 8.476562 9.632812 9.632812 8.476562 9.632812 7.039062 C 9.632812 6.574219 9.511719 6.144531 9.292969 5.757812 Z M 7.039062 8.96875 C 6.699219 8.96875 6.375 8.878906 6.082031 8.722656 L 5.878906 8.597656 L 5.648438 8.644531 C 5.449219 8.675781 5.230469 8.707031 5 8.707031 C 2.960938 8.707031 1.308594 7.054688 1.308594 5.015625 C 1.308594 4.800781 1.324219 4.582031 1.371094 4.367188 L 1.417969 4.136719 L 1.277344 3.917969 C 1.105469 3.625 1.03125 3.300781 1.03125 2.960938 C 1.03125 1.894531 1.894531 1.03125 2.960938 1.03125 C 3.300781 1.03125 3.625 1.121094 3.917969 1.277344 L 4.121094 1.402344 L 4.351562 1.355469 C 4.566406 1.324219 4.785156 1.292969 5 1.292969 C 7.039062 1.292969 8.691406 2.945312 8.691406 4.984375 C 8.691406 5.199219 8.675781 5.417969 8.628906 5.632812 L 8.582031 5.863281 L 8.707031 6.066406 C 8.878906 6.359375 8.953125 6.683594 8.953125 7.023438 C 8.96875 8.105469 8.105469 8.96875 7.039062 8.96875 Z M 7.039062 8.96875 '/> <path style=' stroke:none;fill-rule:nonzero;fill:rgb(0%,66.27451%,90.980392%);fill-opacity:1;' d='M 5.789062 4.582031 L 4.816406 4.367188 C 4.445312 4.273438 4.027344 4.164062 4.027344 3.808594 C 4.027344 3.457031 4.320312 3.207031 4.859375 3.207031 C 5.957031 3.207031 5.863281 3.964844 6.40625 3.964844 C 6.683594 3.964844 6.929688 3.808594 6.929688 3.515625 C 6.929688 2.835938 5.851562 2.328125 4.921875 2.328125 C 3.933594 2.328125 2.882812 2.730469 2.882812 3.871094 C 2.882812 4.414062 3.070312 5 4.136719 5.277344 L 5.464844 5.617188 C 5.863281 5.710938 5.988281 5.941406 5.988281 6.144531 C 5.988281 6.484375 5.632812 6.855469 5.03125 6.855469 C 3.839844 6.855469 4.011719 5.910156 3.378906 5.910156 C 3.101562 5.910156 2.867188 6.113281 2.867188 6.390625 C 2.867188 6.945312 3.546875 7.703125 5.03125 7.703125 C 6.453125 7.703125 7.164062 6.992188 7.164062 6.066406 C 7.148438 5.449219 6.871094 4.828125 5.789062 4.582031 Z M 5.789062 4.582031 '/> </g> </svg>",
-    SKYPE_2: "<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14pt' height='14pt' viewBox='0 0 10 10' version='1.1'> <g id='surface1'> <path style=' stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1;' d='M 9.292969 5.757812 C 9.339844 5.511719 9.355469 5.261719 9.355469 5 C 9.355469 2.589844 7.410156 0.644531 5 0.644531 C 4.738281 0.644531 4.488281 0.660156 4.242188 0.707031 C 3.855469 0.488281 3.425781 0.367188 2.960938 0.367188 C 1.523438 0.367188 0.367188 1.523438 0.367188 2.960938 C 0.367188 3.425781 0.488281 3.871094 0.707031 4.242188 C 0.660156 4.488281 0.644531 4.738281 0.644531 5 C 0.644531 7.410156 2.589844 9.355469 5 9.355469 C 5.261719 9.355469 5.511719 9.339844 5.757812 9.292969 C 6.144531 9.511719 6.574219 9.632812 7.039062 9.632812 C 8.476562 9.632812 9.632812 8.476562 9.632812 7.039062 C 9.632812 6.574219 9.511719 6.144531 9.292969 5.757812 Z M 7.039062 8.96875 C 6.699219 8.96875 6.375 8.878906 6.082031 8.722656 L 5.878906 8.597656 L 5.648438 8.644531 C 5.449219 8.675781 5.230469 8.707031 5 8.707031 C 2.960938 8.707031 1.308594 7.054688 1.308594 5.015625 C 1.308594 4.800781 1.324219 4.582031 1.371094 4.367188 L 1.417969 4.136719 L 1.277344 3.917969 C 1.105469 3.625 1.03125 3.300781 1.03125 2.960938 C 1.03125 1.894531 1.894531 1.03125 2.960938 1.03125 C 3.300781 1.03125 3.625 1.121094 3.917969 1.277344 L 4.121094 1.402344 L 4.351562 1.355469 C 4.566406 1.324219 4.785156 1.292969 5 1.292969 C 7.039062 1.292969 8.691406 2.945312 8.691406 4.984375 C 8.691406 5.199219 8.675781 5.417969 8.628906 5.632812 L 8.582031 5.863281 L 8.707031 6.066406 C 8.878906 6.359375 8.953125 6.683594 8.953125 7.023438 C 8.96875 8.105469 8.105469 8.96875 7.039062 8.96875 Z M 7.039062 8.96875 '/> <path style=' stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1;' d='M 5.789062 4.582031 L 4.816406 4.367188 C 4.445312 4.273438 4.027344 4.164062 4.027344 3.808594 C 4.027344 3.457031 4.320312 3.207031 4.859375 3.207031 C 5.957031 3.207031 5.863281 3.964844 6.40625 3.964844 C 6.683594 3.964844 6.929688 3.808594 6.929688 3.515625 C 6.929688 2.835938 5.851562 2.328125 4.921875 2.328125 C 3.933594 2.328125 2.882812 2.730469 2.882812 3.871094 C 2.882812 4.414062 3.070312 5 4.136719 5.277344 L 5.464844 5.617188 C 5.863281 5.710938 5.988281 5.941406 5.988281 6.144531 C 5.988281 6.484375 5.632812 6.855469 5.03125 6.855469 C 3.839844 6.855469 4.011719 5.910156 3.378906 5.910156 C 3.101562 5.910156 2.867188 6.113281 2.867188 6.390625 C 2.867188 6.945312 3.546875 7.703125 5.03125 7.703125 C 6.453125 7.703125 7.164062 6.992188 7.164062 6.066406 C 7.148438 5.449219 6.871094 4.828125 5.789062 4.582031 Z M 5.789062 4.582031 '/> </g> </svg>",
+    VIDEO_CAMERA: "<svg width='14px' height='10px' viewBox='0 0 16 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'> <g stroke='none' stroke-width='1' fill='inherit' fill-rule='evenodd'> <g transform='translate(-696.000000, -34.000000)' fill-rule='nonzero' fill='inherit'> <g transform='translate(-1.000000, 0.000000)'> <g transform='translate(687.000000, 22.000000)'> <g transform='translate(10.000000, 12.000000)'> <path d='M15.105,1.447 L12,3 L12,1 C12,0.447 11.553,0 11,0 L1,0 C0.447,0 0,0.447 0,1 L0,11 C0,11.553 0.447,12 1,12 L11,12 C11.553,12 12,11.553 12,11 L12,9 L15.105,10.553 C15.6,10.8 16,10.553 16,10 L16,2 C16,1.447 15.6,1.2 15.105,1.447 Z M12.895,7.211 C12.612,7.07 12.306,7 12,7 L10.5,7 C10.224,7 10,7.224 10,7.5 L10,10 L2,10 L2,2 L10,2 L10,4.5 C10,4.776 10.224,5 10.5,5 L12,5 C12.306,5 12.612,4.93 12.895,4.789 L14,4.236 L14,7.763 L12.895,7.211 Z'></path> </g> </g> </g> </g> </g> </svg>",
 };