← Back to branch summary

~lightdm-team/lightdm/1.4

« back to all changes in this revision

Viewing changes to themes/greeter.html

  • Committer: robert.ancell at gmail
  • Date: 2010-06-14 02:21:55 UTC
  • Revision ID: robert.ancell@gmail.com-20100614022155-sv7820jkb1zqqs2n
Make a WebKit theme

Show diffs side-by-side

added added

removed removed

Lines of Context:
themes/greeter.html
 
1
<html>
 
2
<head>
 
3
<style type="text/css">
 
4
body
 
5
{
 
6
    background-image: url('bg.jpg');
 
7
}
 
8
 
 
9
td
 
10
{
 
11
    font-size: 20px;
 
12
    color: white;
 
13
    verical-align: middle;
 
14
}
 
15
 
 
16
</style>
 
17
<script type="text/javascript">
 
18
 
 
19
password_prompt = false;
 
20
selected_user = null;
 
21
 
 
22
function show_prompt(text)
 
23
{
 
24
   password_prompt = true;
 
25
 
 
26
   label = document.getElementById('password_prompt');
 
27
   label.innerHTML = text;
 
28
   
 
29
   user_table = document.getElementById('user_table');   
 
30
   for (i in user_table.rows)
 
31
   {
 
32
       row = user_table.rows[i];
 
33
       if (row.id != ('user_' + selected_user) && row.style != null) // FIXME: Don't know why there are rows with styles
 
34
           row.style.opacity = 0.25;
 
35
   }
 
36
 
 
37
   table = document.getElementById('password_table');
 
38
   table.style.visibility = "visible";
 
39
 
 
40
   entry = document.getElementById('password_entry');
 
41
   entry.focus();
 
42
}
 
43
 
 
44
function show_message(text)
 
45
{
 
46
}
 
47
 
 
48
function authentication_complete()
 
49
{
 
50
   if (lightdm.is_authenticated)
 
51
       lightdm.close();
 
52
}
 
53
 
 
54
function start_authentication(username)
 
55
{
 
56
   if (!password_prompt) {
 
57
       lightdm.start_authentication(username);
 
58
       selected_user = username;
 
59
   }
 
60
}
 
61
 
 
62
function provide_secret()
 
63
{
 
64
   entry = document.getElementById('password_entry');
 
65
   lightdm.provide_secret(entry.value);
 
66
}
 
67
 
 
68
document.write('<table id="user_table" style="margin: auto;">');
 
69
for (i in lightdm.users)
 
70
{
 
71
   user = lightdm.users[i];
 
72
 
 
73
   if (user.real_name.length > 0)
 
74
      label = user.real_name
 
75
   else
 
76
      label = user.name
 
77
      
 
78
   if (user.image.length > 0)
 
79
      image = 'file://' + user.image
 
80
   else
 
81
      image = 'file:///usr/share/icons/gnome/32x32/stock/generic/stock_person.png'
 
82
 
 
83
   document.write('<tr id="user_' + user.name +'"onclick="start_authentication(\'' + user.name + '\')" style="cursor: pointer;">');
 
84
   document.write('<td><img width="48px" height="48px" src="' + image + '" /></td>');
 
85
   document.write('<td>' + label + '</td>');
 
86
   document.write('</tr>');
 
87
}
 
88
document.write("</table>");
 
89
document.write('<table id="password_table" style="margin: auto; visibility: hidden;"><tr>');
 
90
document.write('<td id="password_prompt"></td>');
 
91
document.write('<td><form action="javascript: provide_secret()"><input id="password_entry" type="password" /></form></td>');
 
92
document.write('</tr></table>');
 
93
</script>
 
94
</head>
 
95
 
 
96
<body>
 
97
<script type="text/javascript">
 
98
</script>
 
99
<div>
 
100
</div>
 
101
</body>
 
102
 
 
103
</html>