-
Notifications
You must be signed in to change notification settings - Fork 0
/
merge-overview-2.html
244 lines (237 loc) · 14 KB
/
merge-overview-2.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html>
<head>
<title>Merge.</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://a.zachsteiner.com/css/global.css" type="text/css" media="all">
<link rel="stylesheet" href="css/merge.css" type="text/css" media="all">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- <script src="scripts/jquery-2.1.4.min.js"></script> -->
</head>
<body>
<svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-alert" viewBox="0 0 1024 1024">
<title>alert</title>
<path class="path1" d="M512 854q140 0 241-101t101-241-101-241-241-101-241 101-101 241 101 241 241 101zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125zM470 298h84v256h-84v-256zM470 640h84v86h-84v-86z"></path>
</symbol>
<symbol id="icon-plus" viewBox="0 0 1024 1024">
<title>plus</title>
<path class="path1" d="M512 42.667q95.667 0 182.5 37.167t149.667 100 100 149.667 37.167 182.5-37.167 182.5-100 149.667-149.667 100-182.5 37.167-182.5-37.167-149.667-100-100-149.667-37.167-182.5 37.167-182.5 100-149.667 149.667-100 182.5-37.167zM512 128q-78 0-149.167 30.5t-122.5 81.833-81.833 122.5-30.5 149.167 30.5 149.167 81.833 122.5 122.5 81.833 149.167 30.5 149.167-30.5 122.5-81.833 81.833-122.5 30.5-149.167-30.5-149.167-81.833-122.5-122.5-81.833-149.167-30.5zM512 298.667q17.667 0 30.167 12.5t12.5 30.167v128h128q17.667 0 30.167 12.5t12.5 30.167-12.5 30.167-30.167 12.5h-128v128q0 17.667-12.5 30.167t-30.167 12.5-30.167-12.5-12.5-30.167v-128h-128q-17.667 0-30.167-12.5t-12.5-30.167 12.5-30.167 30.167-12.5h128v-128q0-17.667 12.5-30.167t30.167-12.5z"></path>
</symbol>
<symbol id="icon-warning" viewBox="0 0 1024 1024">
<title>warning</title>
<path class="path1" d="M554 598v-172h-84v172h84zM554 768v-86h-84v86h84zM42 896l470-810 470 810h-940z"></path>
</symbol>
<symbol id="icon-merge" viewBox="0 0 1024 1024">
<title>call_merge</title>
<path class="path1" d="M320 342l192-192 192 192h-150v272l-256 256-60-60 232-230v-238h-150zM726 870l-146-144 60-60 146 144z"></path>
</symbol>
<symbol id="icon-split" viewBox="0 0 1024 1024">
<title>call_split</title>
<path class="path1" d="M426 170l-98 98 226 226v360h-84v-324l-202-202-98 98v-256h256zM598 170h256v256l-98-98-124 124-60-60 124-124z"></path>
</symbol>
<symbol id="icon-block" viewBox="0 0 1024 1024">
<title>block</title>
<path class="path1" d="M512 854q140 0 241-101t101-241q0-120-72-210l-480 480q90 72 210 72zM170 512q0 120 72 210l480-480q-90-72-210-72-140 0-241 101t-101 241zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125z"></path>
</symbol>
<symbol id="icon-flag" viewBox="0 0 1024 1024">
<title>flag</title>
<path class="path1" d="M614 256h240v426h-300l-16-84h-240v298h-84v-726h384z"></path>
</symbol>
<symbol id="icon-undo" viewBox="0 0 1024 1024">
<title>undo</title>
<path class="path1" d="M534 342q146 0 262 86t162 222l-100 32q-34-104-123-169t-201-65q-124 0-220 80l156 154h-384v-384l152 154q126-110 296-110z"></path>
</symbol>
<symbol id="icon-arrow_back" viewBox="0 0 1024 1024">
<title>arrow_back</title>
<path class="path1" d="M854 470v84h-520l238 240-60 60-342-342 342-342 60 60-238 240h520z"></path>
</symbol>
<symbol id="icon-arrow_forward" viewBox="0 0 1024 1024">
<title>arrow_forward</title>
<path class="path1" d="M512 170l342 342-342 342-60-60 238-240h-520v-84h520l-238-240z"></path>
</symbol>
<symbol id="icon-cancel" viewBox="0 0 1024 1024">
<title>cancel</title>
<path class="path1" d="M726 666l-154-154 154-154-60-60-154 154-154-154-60 60 154 154-154 154 60 60 154-154 154 154zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125z"></path>
</symbol>
<symbol id="icon-check" viewBox="0 0 1024 1024">
<title>check</title>
<path class="path1" d="M384 690l452-452 60 60-512 512-238-238 60-60z"></path>
</symbol>
<symbol id="icon-unchecked_circle" viewBox="0 0 1024 1024">
<title>radio_button_unchecked</title>
<path class="path1" d="M512 854q140 0 241-101t101-241-101-241-241-101-241 101-101 241 101 241 241 101zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125z"></path>
</symbol>
<symbol id="icon-check_circle" viewBox="0 0 1024 1024">
<title>check_circle</title>
<path class="path1" d="M426 726l384-384-60-62-324 324-152-152-60 60zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125z"></path>
</symbol>
<symbol id="icon-schedule" viewBox="0 0 1024 1024">
<title>schedule</title>
<path class="path1" d="M534 298v224l192 114-32 54-224-136v-256h64zM512 854q140 0 241-101t101-241-101-241-241-101-241 101-101 241 101 241 241 101zM512 86q176 0 301 125t125 301-125 301-301 125-301-125-125-301 125-301 301-125z"></path>
</symbol>
<symbol id="icon-search" viewBox="0 0 1024 1024">
<title>search</title>
<path class="path1" d="M406 598q80 0 136-56t56-136-56-136-136-56-136 56-56 136 56 136 136 56zM662 598l212 212-64 64-212-212v-34l-12-12q-76 66-180 66-116 0-197-80t-81-196 81-197 197-81 196 81 80 197q0 104-66 180l12 12h34z"></path>
</symbol>
<symbol id="icon-view" viewBox="0 0 1024 1024">
<title>visibility</title>
<path class="path1" d="M512 384q52 0 90 38t38 90-38 90-90 38-90-38-38-90 38-90 90-38zM512 726q88 0 151-63t63-151-63-151-151-63-151 63-63 151 63 151 151 63zM512 192q158 0 286 88t184 232q-56 144-184 232t-286 88-286-88-184-232q56-144 184-232t286-88z"></path>
</symbol>
</defs>
</svg>
<div class="page-wrap">
<header>
<a href="index.html" class="header-title"><h1><svg class="icon"><use xlink:href="#icon-merge"></use></svg>merge</h1></a>
<nav>
<ul>
<li><a href="index.html">description</a></li>
<li><a href="suspects.html">incoming records</a></li>
<li><a href="overview.html" class="is-hidden">record overview</a></li>
</ul>
</nav>
</header>
<main role="main">
<nav class="app-nav">
<div><a href="suspects.html" class="button"><svg class="icon"><use xlink:href="#icon-arrow_back"></use></svg>back to possible duplicates</a></div>
<div><a href="merge-2.html" class="button b-success"><svg class="icon"><use xlink:href="#icon-merge"></use></svg>merge these employees</a></div>
</nav>
<h2 class="app-heading">Differences Between Employees</h2>
<p>There are 5 conflicts between the two records that need to be resolved before merging the records.</p>
<div class="card-container">
<div class="card">
<h2>
Employee A
<time><svg class="icon"><use xlink:href="#icon-schedule"></use></svg> Updated Jul 5, 2015</time>
</h2>
<ul class="card-values">
<li>
<label>Name</label>
<span class="value">William Tuttle</span>
</li>
<li>
<label>Employee Number</label>
<span class="value"><svg class="icon card-difference"><use xlink:href="#icon-alert"></use></svg> #58645328</span>
</li>
<li>
<label>Date of Birth</label>
<span class="value">Nov 13, 1968</span>
</li>
<li>
<label>Department</label>
<span class="value">Development</span>
</li>
<li>
<label>Location</label>
<span class="value">312A, 3rd Floor</span>
</li>
<li>
<label>Supervisor</label>
<span class="value">Kelly Chambers</span>
</li>
<li>
<label>Date of Hire (Tenure)</label>
<span class="value"> Mar 8, 2010 (5 years, 4 months)</span>
</li>
<li>
<label>Education</label>
<span class="value">B.S.</span>
</li>
<li>
<label>Address</label>
<div><span class="value">123 Street</span></div>
<div><span class="value">Anytown, SS 99999</span></div>
</li>
<li>
<label>Emergency Contact</label>
<span>Melissa Tuttle</span>
</li>
<li>
<label>HR Contact</label>
<span>Kenneth Towers</span>
</li>
</ul>
</div>
<div class="card">
<h2>
Employee B
<time><svg class="icon"><use xlink:href="#icon-schedule"></use></svg> Updated Nov 18, 2013</time>
</h2>
<ul class="card-values">
<li>
<label>Name</label>
<span class="value">William Tuttle</span>
</li>
<li>
<label>Employee Number</label>
<span class="value"><svg class="icon card-difference"><use xlink:href="#icon-alert"></use></svg> #56845328</span>
</li>
<li>
<label>Date of Birth</label>
<span class="value">Nov 13, 1968</span>
</li>
<li>
<label>Department</label>
<span class="value">Development</span>
</li>
<li>
<label>Location</label>
<span class="value">312A, 3rd Floor</span>
</li>
<li>
<label>Supervisor</label>
<span class="value">Kelly Chambers</span>
</li>
<li>
<label>Date of Hire (Tenure)</label>
<span class="value"> Mar 8, 2010 (5 years, 4 months)</span>
</li>
<li>
<label>Education</label>
<span class="value">B.S.</span>
</li>
<li>
<label>Address</label>
<div><span class="value">123 Street</span></div>
<div><span class="value">Anytown, SS 99999</span></div>
</li>
<li>
<label>Emergency Contact</label>
<span>Melissa Tuttle</span>
</li>
<li>
<label>HR Contact</label>
<span>Kenneth Towers</span>
</li>
</ul>
</div>
</div>
<nav class="app-nav">
<div><a href="suspects.html" class="button"><svg class="icon"><use xlink:href="#icon-arrow_back"></use></svg>back to possible duplicates</a></div>
<div><a href="merge-2.html" class="button b-success"><svg class="icon"><use xlink:href="#icon-merge"></use></svg>merge these employees</a></div>
</nav>
</main>
</div>
<footer>
Copyright 2015 <a href="http://zachsteiner.com/portfolio">Zach Steiner</a>
</footer>
<script src="scripts/page.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-738554-5', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript">
//List.js Intialization
var options = {
valueNames: [ 'name-a', 'name-b', 'id-a','id-a','time-a','time-b','match-number' ]
};
var suspectList = new List('suspect-list', options);
</script>
</body>
</html>