-
Notifications
You must be signed in to change notification settings - Fork 2
/
signatureGenerator.html
148 lines (148 loc) · 18 KB
/
signatureGenerator.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>360Tools - Signature Generator</title>
<link rel="stylesheet" type="text/css" href="./style/style.css">
</head>
<body>
<div>
<div id="app" @contextmenu="preventBadCopy">
<div id="header">
<div class="container">
<a id="logo" href="index.html">360Tools</a>
</div>
</div>
<div class="container">
<div class="element form">
<h1>1 - Generate your signature</h1>
<p>Welcome to the future Marty!<br>Now, things get done almost automatically, you just need to setup a few things before the magic happens.</p>
<ol>
<li>First, connect to your personal account on <a target="_blank" href="https://app.360learning.com/">360Learning plateform</a>.</li>
<li>Then <a target="_blank" href="https://team.360learning.com/profile/settings">go to your settings</a> and fill in your profile with the correct info.</li>
<li>Type in your 360Learning mail address in the field below, click on the button "<i>generate the signature</i>".</li>
<li>Boom! Magic!</li>
</ol>
<div class="form-field">
<label for="mail" class="field-name" >Mail :</label>
<input id="mail" type="email" placeholder="hugo.attal@360learning.com" v-model="mail" @keyup.enter="importData">
</div>
<br>
<button class="button" @click="importData">
Generate the signature
</button>
<br>
<h1>2 - Tweak some fields</h1>
<p>Well, all the fields may not be what you want them to be, so <span style="color:#bb0000; font-weight:bold">don't hesitate to modify them</span>.</p>
<div class="form-wrapper">
<div class="form-field">
<label for="firstName" class="field-name">First name :</label>
<input id="firstName" type="text" placeholder="Hugo" v-model="firstName">
</div>
<div class="form-field">
<label for="lastName" class="field-name">Last name :</label>
<input id="lastName" type="text" placeholder="Attal" v-model="lastName">
</div>
<div class="form-field">
<label for="jobTitle" class="field-name">Job title :</label>
<input id="jobTitle" type="text" placeholder="Software Designer" v-model="jobTitle">
</div>
<div class="form-field">
<span for="photoLink" class="field-name">Photo link :</span>
<input id="photoLink" type="text" placeholder="https://.../photo.png" v-model="photoLink">
</div>
<div class="form-field">
<label for="phoneNumber" class="field-name">Phone number :</label>
<input id="phoneNumber" type="text" placeholder="+336 73 49 75 00 (optional)" v-model="phoneNumber">
</div>
</div>
<br>
<h1>3 - Copy your signature</h1>
<p>Once everything's done, click on the big button to copy your signature into your clipboard. Then, you can paste it on Gmail!<br>
<span style="color:#bb0000; font-weight:bold">Don't try to copy it by selecting it</span>, or it may break it.</p>
<button class="button" onclick="copySignature()">
Copy signature into clipboard
</button>
</div>
<br>
<div id="render" class="element" @select="preventBadCopy">
<table style="border-collapse: collapse;border-spacing: 0;font-family:Arial,sans-serif;font-size:12px; color:#57586E;">
<tr>
<td>
<table style="border-collapse: collapse;border-spacing: 0;height: 60px">
<tr>
<td>
<img alt="photo"
:src="photoLinkGen"
style="width:90px; height:90px; border-radius: 64px">
</td>
</tr>
<tr>
<td>
<div style="height: 10px"></div>
</td>
</tr>
<tr>
<td>
<a href="https://www.facebook.com/360LearningSuite"
><img alt="Facebook"
src="data:image/png;base64,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"
style="width: 20px;"></a>
<a href="https://twitter.com/360learning"
><img alt="Twitter"
src="data:image/png;base64,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"
style="width: 20px;margin-left: 2px;"></a>
<a href="https://www.linkedin.com/company/360learning/"
><img alt="LinkedIn"
src="data:image/png;base64,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"
style="width: 20px; height: 20px;margin-left: 2px;"></a>
<a href="https://www.instagram.com/360learningsuite/"
><img alt="Youtube"
src="data:image/png;base64,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"
style="width: 20px; height: 20px;margin-left: 2px;"></a>
</td>
</tr>
</table>
</td>
<td style="vertical-align: top;padding-left:20px;">
<div style="color:#000000;">
<span style="font-size:16px; font-weight: bold; color:#57586E;line-height: 26px;">{{ firstNameGen }} {{ lastNameGen }}</span><br>
<span style="color:#57586E;line-height: 18px;">{{ jobTitleGen }}</span><br>
<span style="color:#57586E;line-height: 18px;">360Learning - Experience Learning Together</span>
</div>
<hr style="border: none; border-top: 1px solid #4286ED; margin: 10px 0" />
<table>
<tr v-if="phoneNumber">
<td style="width: 30px; height: 25px">
<img alt="Phone"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIPSURBVHgB1VVRbtpAEJ0ZQ7+NRPj2EcgJatML5AZNTpD8FhRhVEE+m56g6QnaXgDvDeIb1P1tieC74J3OmOAaF7utiVT1SbD222Xf7JvZAeB/BxZf/NfffCLwrQVjrk8MPAFygcFsOQaw4c8pCufDzgSOBOnXi9niTDdn4Pf2O3V01Pet6BNgMHv4HMinyAWzxZ3wfKwI+dNlX0aPxZLiRDTsnu9OormBhiCwGzd7SjdfypPMzm22iNCDhiBotZKqTRDTKx3t2jHQEGRedRKxIpbHy18EAF8y8icTdhJoiKyKOIUJIPcHNw9vipPMaJDxuT/92oeGyATMdfcjs30LDFfFhDLhBQOsCJ2oqQjlm61bcg8gIYc++OHSy4TVPqTgGJH9VnGz9JDtvZAruXCn4v2qwEfCu5bTwIx6sQThUjs90wKoyxGWCY1Sor0HxtiuMTgkAmonZkXhPhpR2VaoTGh0lvlCk05tjjTSjM/t4kQ2HzNzbFMb/K6tIFTAny7OCfFd+SSHoG1FS/rQSSoF9kQk+ZKToM7rnYieqtjqqU7AjLp3ktRT1oXPbFTXk7R3ZRvK/0mRrxXYivTix1IFKeGoyusdb7G115UR/hCabGxvQtxWT4LidyoN0gF0LdElIvtSXZP56CRsJJALSV4QcSw/9HacXkSEdDIf9m7L6/9aIBfK8oEukE3URvhX+AGvIBTt89W01wAAAABJRU5ErkJggg=="
style="width:13px;">
</td>
<td>
<a :href="phoneNumberHref" style="color:#57586E;text-decoration: none">{{ phoneNumber }}</a>
</td>
</tr>
<tr>
<td style="width: 30px; height: 25px">
<img alt="Phone"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJGSURBVHgB7ZO9bhNBEMdn9i4p+FBsjJFSEd7gnoAcTgVCwg0lOOEBsNzaIl4LxUgoEjgSNSEvkHRUsZ0nABraOBISCNv4/IGNfL4dZi+5U2THgSJNJP+Lu53d387szswCzDTTpRaOT9jy+9JpuyoXa9M225L4++OffBgksdFYJRRpBLLGmBqCkPvZ6Idg4vE7gqbTnMYfMl84zftBEsVWHkBJIqoKYeyR8tr+ojAWlPKSiGgDwXY5F1s74SXz+QneMBZ4bPMoyfx75p/pedN+Wbd1ACBVqOTiEiZVSmzUdWIiwYQC5QjwMpXcrbfjcPJNq9TpjySfcH2l2DrQN8JEsbnLDqxKNnYHLkgPXvdw4A7LAoD2czcSJl/NAlRfxsGVV600KWX9n1vllHPxTGDNz7n0x/UOuGbr2jb1BxW2JraRZ3Etlqd41bWkYEyEh1MYXyYRdw+CzbmEvUw0JCrZm2vB2OZuigydcP3+VtP/f3weg7PUHRhIQHf5HLXjIMoroCEqnQHIh5udQi92neJXAepfAa4t6h1d7LWdVIdGS2xJvWn4W6T94JudLegyz2euwzE/+NVmy9OtvaxArPpBqi/i1XvFxjZyS/ZddRu+NXbqghwGncHPOUsZ8EgApgBxNzgpqVFUd49wlaXME94N+SQCPuGbfKpmozt+kCA13KZHBOKpMETK9zRvBEl3dHsr1wzbVV0xpeiP4DyeXLM0UZww//67wYgQEFGKc+qZn6sy6sAZsvPs1mwEPD9cOjqPn2mmi9dfG9ka1ZwrQLgAAAAASUVORK5CYII="
style="width:13px;">
</td>
<td>
<a href="https://360learning.com" style="color:#57586E;text-decoration: none">www.360learning.com</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<br>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<script src="./scripts/signatureGenerator.js"></script>
</body>
</html>