mod_invites_page/html/invite.html
author Matthew Wild <mwild1@gmail.com>
Fri, 16 Oct 2020 11:03:38 +0100
changeset 4214 a0937b5cfdcb
parent 4176 740ca44eba06
child 4215 0f26ae2f2a74
permissions -rw-r--r--
mod_invites_page: Remove preauth URI button This button is incompatible with the majority of XMPP clients around, yet based on feedback from users, many are drawn to click it when they have any XMPP client installed already. In the case where the user already has software installed, we would prefer them to select it from the software list so they can follow the setup process suited to their specific client (we already track which software supports preauth URIs). If their client is not listed, they can still use the manual registration link instead.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     1
<!DOCTYPE html>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     2
<html>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     3
<head>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     4
	<meta charset="utf-8">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     5
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     6
	<title>Invite to {site_name}</title>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     7
	<link rel="alternate" href="{uri}">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     8
	<link rel="stylesheet" href="/share/bootstrap4/css/bootstrap.min.css">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
     9
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    10
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    11
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    12
	<link rel="manifest" href="/site.webmanifest">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    13
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    14
	<meta name="msapplication-TileColor" content="#fbd308">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    15
	<meta name="theme-color" content="#fbd308">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    16
</head>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    17
<body>
4134
f4a79b081c66 mod_invites_page: Some HTML fixes to please the W3C validator
Matthew Wild <mwild1@gmail.com>
parents: 4129
diff changeset
    18
	<div id="background" class="fixed-top overflow-hidden"></div>
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    19
	<div id="form" class="container col-md-10 col-md-offset-1 col-sm-8 col-sm-offset-2 col-lg-10 col-lg-offset-1 mt-2 mt-md-5">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    20
		<div class="card rounded-lg shadow">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    21
			<h1 class="card-header rounded-lg rounded-lg">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    22
				Invite to {site_name}<br/>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    23
			</h1>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    24
			<div class="card-body" >
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    25
				<div id="qr-button-container" class="float-right w-25 border border-info p-3 d-none">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    26
					<strong>Tip:</strong> You can open this invite
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    27
					on your mobile device by scanning a barcode with
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    28
					your camera.
4128
4d54e75312af mod_invites_page: Fix incorrect use of <button> (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4127
diff changeset
    29
					<button id="qr-modal-show" class="mt-2 d-block btn btn-info" title="Send this invite to your device"
4d54e75312af mod_invites_page: Fix incorrect use of <button> (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4127
diff changeset
    30
						data-toggle="modal" data-target="#qr-modal">
4134
f4a79b081c66 mod_invites_page: Some HTML fixes to please the W3C validator
Matthew Wild <mwild1@gmail.com>
parents: 4129
diff changeset
    31
							<img src="{static}/qr-logo.png" alt="QR code icon" class="align-middle h-50 mt-1" style="display:inline" >
4128
4d54e75312af mod_invites_page: Fix incorrect use of <button> (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4127
diff changeset
    32
							Scan with mobile device
4d54e75312af mod_invites_page: Fix incorrect use of <button> (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4127
diff changeset
    33
					</button>
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    34
				</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    35
			
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    36
				{inviter?<p>You have been invited to chat on {site_name} using XMPP,
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    37
				a secure and decentralized messaging network.</p>}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    38
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    39
				{inviter&<p>You have been invited to chat with {inviter} on {site_name},
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    40
				part of the XMPP secure and decentralized messaging network.</p>}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    41
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    42
				<h5 class="card-title" style="clear:both">Get started</h5>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    43
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    44
				<p>To get started, you need to install an app for your platform:</p>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    45
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    46
				<div class="container">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    47
					<div class="row">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    48
					{apps#
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    49
						<div class="card m-3 client-card {item.platforms#app-platform-{item|lower|classname} } flex-wrap col-sm-12 col-md-8 col-lg-5">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    50
							<div class="row no-gutters h-100">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    51
								<div class="col-md-4">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    52
									<img src="{item.image|relurl}" class="p-2 img-fluid" alt="{item.imagetext?}">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    53
								</div>
4135
330b1948bdc0 mod_invites_page: Remove h-100 that was preventing uri-cta from being tapped on Fennec (thanks meaz)
Matthew Wild <mwild1@gmail.com>
parents: 4134
diff changeset
    54
								<div class="col-md-8">
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    55
									<div class="card-body d-flex flex-column h-100">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    56
										<h5 class="card-title text-nowrap mb-1">{item.name}</h5>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    57
										<div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    58
											{item.platforms#<span class="badge badge-info client-platform-badge client-platform-badge-{item|lower|classname} mr-1 mb-3">{item}</span> }
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    59
										</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    60
										<p class="card-text">{item.text}</p>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    61
										<a href="{item.proceed_url?#}" class="btn btn-primary mt-md-auto">Install</a>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    62
									</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    63
								</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    64
							</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    65
						</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    66
					}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    67
					</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    68
				</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    69
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    70
				<div id="show-all-clients-button-container" class="d-none alert alert-info">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    71
					Showing apps for <span class="platform-name">your current platform</span> only. You may also <a href="#" id="show-all-clients-button">view all apps.</a>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    72
				</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    73
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    74
				<div id="install-buttons-container" class="container mt-2 text-center">
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    75
				</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    76
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    77
				<h5>Other software</h5>
4214
a0937b5cfdcb mod_invites_page: Remove preauth URI button
Matthew Wild <mwild1@gmail.com>
parents: 4176
diff changeset
    78
				<p>You can connect to {site_name} using any XMPP-compatible software. If your preferred software is
a0937b5cfdcb mod_invites_page: Remove preauth URI button
Matthew Wild <mwild1@gmail.com>
parents: 4176
diff changeset
    79
				not listed above, you may still <a href="register?t={token}">register an account manually</a>.</p>
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    80
			</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    81
		</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    82
	</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    83
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
    84
	<div class="modal" tabindex="-1" role="dialog" id="qr-modal">
4127
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    85
		<div class="modal-dialog" role="document">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    86
			<div class="modal-content">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    87
				<div class="modal-header">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    88
					<h5 class="modal-title">Scan invite code</h5>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    89
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    90
						<span aria-hidden="true">&times;</span>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    91
					</button>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    92
				</div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    93
				<div class="modal-body">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    94
					<p>You can transfer this invite to your mobile device by scanning a code with your camera.</p>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    95
					<div id="qr-info-url" class="tab-pane show active">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    96
						<p>Use a <em>QR code</em> scanner on your mobile device to scan the code below:</p>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    97
						<div id="qr-invite-page" class="w-50 p-1 mx-auto"></div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    98
					</div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
    99
				</div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
   100
				<div class="modal-footer">
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
   101
					<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
   102
				</div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
   103
			</div>
82b02f85ac31 mod_invites_page: Fix indentation and mismatched <div> tag (thanks Martin)
Matthew Wild <mwild1@gmail.com>
parents: 4098
diff changeset
   104
		</div>
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   105
	</div>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   106
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   107
	<script src="/share/jquery/jquery.min.js"></script>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   108
	<script src="/share/bootstrap4/js/bootstrap.min.js"></script>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   109
	<script src="{static}/qrcode.min.js"></script>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   110
	<script src="{static}/platform.min.js"></script>
4134
f4a79b081c66 mod_invites_page: Some HTML fixes to please the W3C validator
Matthew Wild <mwild1@gmail.com>
parents: 4129
diff changeset
   111
	<script>
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   112
		$(function () {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   113
			// If QR lib loaded ok, show QR button on desktop devices
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   114
			if(window.QRCode) {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   115
				$('#qr-modal').one('show.bs.modal', function (e) {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   116
					new QRCode(document.getElementById("qr-invite-page"), document.location.href);
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   117
				});
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   118
				$('#qr-button-container').addClass("d-md-block");
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   119
			}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   120
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   121
			// Detect current platform and show/hide appropriate clients
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   122
			if(window.platform) {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   123
				var platform_friendly = null;
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   124
				var platform_classname = null;
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   125
				 
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   126
				switch(platform.os.family) {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   127
				case "Ubuntu":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   128
				case "Linux":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   129
				case "Fedora":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   130
				case "Red Hat":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   131
				case "SuSE":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   132
					platform_friendly = platform.os.family + " (Linux)";
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   133
					platform_classname = "linux";
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   134
					break;
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   135
				case "Windows Phone":
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   136
					platform_friendly = "Windows Phone";
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   137
					platform_classname = "windows-phone";
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   138
					break;
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   139
				default:
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   140
					if(platform.os.family.startsWith("Windows")) {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   141
						platform_friendly = "Windows";
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   142
						platform_classname = "windows";
4138
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   143
					} else {
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   144
						platform_friendly = platform.os.family;
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   145
						platform_classname = platform_friendly.toLowerCase();
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   146
					}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   147
				}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   148
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   149
				if(platform_friendly && platform_classname) {
4138
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   150
					if($('.client-card .client-platform-badge-'+platform_classname).length == 0) {
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   151
						// No clients recognised for this platform, do nothing
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   152
						return;
82713dfee238 mod_invites_page: Fix platform detection and don't show empty list of clients for unknown platforms
Matthew Wild <mwild1@gmail.com>
parents: 4135
diff changeset
   153
					}
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   154
					// Hide clients not for this platform
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   155
					$('.client-card.app-platform-'+platform_classname).addClass("supported-platform");
4176
740ca44eba06 mod_invites_page: Always display web clients regardless of detected platform
Matthew Wild <mwild1@gmail.com>
parents: 4138
diff changeset
   156
					$('.client-card').not(".supported-platform, .app-platform-web").hide();
4098
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   157
					$('.client-card .client-platform-badge')
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   158
						.not(".client-platform-badge-"+platform_classname)
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   159
							.addClass("badge-secondary")
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   160
							.removeClass("badge-info");
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   161
					$('.client-card .client-platform-badge-'+platform_classname)
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   162
						.addClass("badge-success")
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   163
						.removeClass("badge-info");
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   164
					$('#show-all-clients-button-container .platform-name').text(platform_friendly);
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   165
					$('#show-all-clients-button-container').removeClass("d-none");
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   166
					$('#show-all-clients-button').click(function () {
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   167
						$('.client-card').show();
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   168
						$('#show-all-clients-button-container').hide();
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   169
					});
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   170
				}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   171
			}
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   172
		});
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   173
			
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   174
	</script>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   175
</body>
dd00a2b9927c mod_invites_page: New module to generate landing page for invites
Matthew Wild <mwild1@gmail.com>
parents:
diff changeset
   176
</html>