mattermost · Kshitij-Katiyar · Mar 13, 2025 · Dec 23, 2024 · Dec 24, 2024 · Dec 24, 2024
diff --git a/assets/templates/api/v1/oauth2/complete.html b/assets/templates/api/v1/oauth2/complete.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<style>
+			body {
+				color: rgb(23, 43, 77);
+				letter-spacing: -0.01em;
+			}
+
+			.flex-parent {
+				padding: 50px;
+			}
+
+			.btn {
+				-webkit-transition: all 0.15s ease;
+				-moz-transition: all 0.15s ease;
+				-o-transition: all 0.15s ease;
+				transition: all 0.15s ease false;
+				padding: 0.5em 1em;
+				font-size: inherit;
+				border: none;
+				height: auto;
+				border-radius: 4px;
+				cursor: pointer;
+			}
+
+			.btn-primary {
+				color: rgb(255, 255, 255);
+				background: rgb(0, 82, 204);
+			}
+
+			.btn-primary:hover,
+			.btn-primary:active {
+				background: rgb(0, 101, 255);
+			}
+
+			.accounts-container {
+				padding: 1.6em 0 0.8em;
+				opacity: 0.6;
+			}
+
+			.icon--check {
+				margin-right: 4px;
+			}
+
+			.message-container {
+				margin-top: 20px;
+			}
+		</style>
+		<script>
+			function closeTab() {
+				window.close();
+			}
+		</script>
+	</head>
+	<body>
+		<div class="flex-parent">
+			<h3>
+				<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15" class="icon--check" viewBox="0 0 18 14">
+					<path fill="#0052CC" d="M100.649576,76.1740942 C100.649576,76.4531124 100.537969,76.7321306 100.337075,76.9330237 L90.7388497,86.5312494 C90.5379566,86.7321425 90.2589384,86.8437498 89.9799202,86.8437498 C89.700902,86.8437498 89.4218838,86.7321425 89.2209908,86.5312494 L83.6629484,80.9732071 C83.4620553,80.772314 83.350448,80.4932958 83.350448,80.2142776 C83.350448,79.9352594 83.4620553,79.6562412 83.6629484,79.4553481 L85.1808074,77.9374892 C85.3817005,77.7365961 85.6607186,77.6249888 85.9397368,77.6249888 C86.218755,77.6249888 86.4977732,77.7365961 86.6986663,77.9374892 L89.9799202,81.2299038 L97.3013575,73.8973058 C97.5022506,73.6964127 97.7812688,73.5848054 98.060287,73.5848054 C98.3393052,73.5848054 98.6183234,73.6964127 98.8192165,73.8973058 L100.337075,75.4151648 C100.537969,75.6160579 100.649576,75.895076 100.649576,76.1740942 Z" transform="translate(-83 -73)"/>
+				</svg>
+				Mattermost user is now connected to Confluence
+			</h3>
+			<div class="accounts-container">
+				<div>Mattermost account: {{ .MattermostDisplayName }}</div>
+				<div>Confluence account: {{ .ConfluenceDisplayName }}</div>
+			</div>
+			<div class="message-container">
+				<p>You may now safely close this tab.</p>
+				<button class="btn btn-primary" onclick="closeTab()">Close Tab</button>
+			</div>
+		</div>
+	</body>
+</html>
diff --git a/assets/templates/other/index.css b/assets/templates/other/index.css
@@ -0,0 +1,284 @@
+html,
+body,
+p,
+div,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+ol,
+dl,
+img,
+pre,
+form,
+fieldset {
+  margin: 0;
+  padding: 0;
+}
+img,
+fieldset {
+  border: 0;
+}
+body,
+html {
+  height: 100%;
+  width: 100%;
+}
+body {
+  background-color: #FFF;
+  color: #172B4D;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.42857142857143;
+  letter-spacing: -0.005em;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  text-decoration-skip: ink;
+}
+p,
+ul,
+ol,
+dl,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+blockquote,
+pre,
+form,
+table {
+  margin: 12px 0 0 0;
+}
+a {
+  color: #0052CC;
+  text-decoration: none;
+}
+a:hover {
+  color: #0065FF;
+  text-decoration: underline;
+}
+a:active {
+  color: #0747A6;
+}
+a:focus {
+  outline: 2px solid #4C9AFF;
+  outline-offset: 2px;
+}
+h1 {
+  font-size: 2.07142857em;
+  font-style: inherit;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  line-height: 1.10344828;
+  margin-top: 40px;
+}
+h2 {
+  font-size: 1.71428571em;
+  font-style: inherit;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+  line-height: 1.16666667;
+  margin-top: 28px;
+}
+h3 {
+  font-size: 1.42857143em;
+  font-style: inherit;
+  font-weight: 500;
+  letter-spacing: -0.008em;
+  line-height: 1.2;
+  margin-top: 28px;
+}
+h4 {
+  font-size: 1.14285714em;
+  font-style: inherit;
+  font-weight: 600;
+  line-height: 1.25;
+  letter-spacing: -0.006em;
+  margin-top: 24px;
+}
+h5 {
+  font-size: 1em;
+  font-style: inherit;
+  font-weight: 600;
+  line-height: 1.14285714;
+  letter-spacing: -0.003em;
+  margin-top: 16px;
+}
+h6 {
+  color: #5E6C84;
+  font-size: 0.85714286em;
+  font-weight: 600;
+  line-height: 1.33333333;
+  margin-top: 20px;
+  text-transform: uppercase;
+}
+ul,
+ol,
+dl {
+  padding-left: 40px;
+}
+[dir="rtl"]ul,
+[dir="rtl"]ol,
+[dir="rtl"]dl {
+  padding-left: 0;
+  padding-right: 40px;
+}
+dd,
+dd + dt,
+li + li {
+  margin-top: 4px;
+}
+ul ul:not(:first-child),
+ol ul:not(:first-child),
+ul ol:not(:first-child),
+ol ol:not(:first-child) {
+  margin-top: 4px;
+}
+p:first-child,
+ul:first-child,
+ol:first-child,
+dl:first-child,
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child,
+blockquote:first-child,
+pre:first-child,
+form:first-child,
+table:first-child {
+  margin-top: 0;
+}
+blockquote,
+q {
+  color: inherit;
+}
+blockquote {
+  border: none;
+  padding-left: 40px;
+}
+[dir="rtl"] blockquote {
+  padding-left: 0;
+  padding-right: 40px;
+}
+blockquote::before,
+q:before {
+  content: "\201C";
+}
+blockquote::after,
+q::after {
+  content: "\201D";
+}
+blockquote::before {
+  float: left;
+  margin-left: -1em;
+  text-align: right;
+  width: 1em;
+}
+[dir="rtl"] blockquote::before {
+  float: right;
+  margin-right: -1em;
+  text-align: left;
+}
+blockquote > :last-child {
+  display: inline-block;
+}
+small {
+  color: #5E6C84;
+  font-size: 0.85714286em;
+  font-weight: normal;
+  line-height: 1.33333333;
+  margin-top: 16px;
+}
+code,
+kbd {
+  font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;
+}
+var,
+address,
+dfn,
+cite {
+  font-style: italic;
+}
+abbr {
+  border-bottom: 1px #ccc dotted;
+  cursor: help;
+}
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+thead,
+tbody,
+tfoot {
+  border-bottom: 2px solid #DFE1E6;
+}
+td,
+th {
+  border: none;
+  padding: 4px 8px;
+  text-align: left;
+}
+th {
+  vertical-align: top;
+}
+td:first-child,
+th:first-child {
+  padding-left: 0;
+}
+td:last-child,
+th:last-child {
+  padding-right: 0;
+}
+caption {
+  font-size: 1.42857143em;
+  font-style: inherit;
+  font-weight: 500;
+  letter-spacing: -0.008em;
+  line-height: 1.2;
+  margin-top: 28px;
+  margin-bottom: 8px;
+  text-align: left;
+}
+template {
+  display: none;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section {
+  display: block;
+}
+@-moz-document url-prefix() {
+  img {
+    font-size: 0;
+  }
+  img:-moz-broken {
+    font-size: inherit;
+  }
+}
+.assistive {
+  border: 0 !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+  height: 1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+  white-space: nowrap !important;
+}
diff --git a/assets/templates/other/message.html b/assets/templates/other/message.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<style>
+			body {
+				color: rgb(23, 43, 77);
+				letter-spacing: -0.01em;
+			}
+
+			.flex-parent {
+				padding: 50px;
+			}
+
+			.message-container {
+				padding: 1.6em 0 0.8em;
+				opacity: .6;
+			}
+		</style>
+		<link rel="stylesheet" href="./index.css" media="all">
+	</head>
+	<body>
+		<div class="flex-parent">
+			<h3>
+				{{ .Header}}
+			</h3>
+			<div class="message-container">
+				<div>{{ .Message }}</div>
+			</div>
+		</div>
+	</body>
+</html>