- $(document).ready(function () {
- $("input.configButton")
- .click(function () {
- Rakka.showConfigPanel();
- });
- });
+ var appendUsersPanel = function ($area) {
+ $area.append($.H2({}, "Users"));
+ $area.append($.H3({}, "Existing Users"));
+
+ var tbody = $.TBODY();
+
+ var usersPanel
+ = $.TABLE({className: "pageEditor"},
+ $.THEAD({},
+ $.TR({},
+ $.TH({}, "User ID"),
+ $.TH({}, "Change Password"),
+ $.TH({}, "Delete User")
+ )
+ ),
+ tbody
+ );
+
+ var updateUserList = function () {
+ var users = Rakka.getUserList();
+
+ $(tbody).empty();
+
+ $.each(users, function () {
+ var id = this;
+ var tr = $.TR({},
+ $.TD({}, id),
+ $.TD({}, ""),
+ $.TD({}, "")
+ );
+ tbody.appendChild(tr);
+ });
+ };
+ updateUserList();
+
+ $area.append(usersPanel);
+ };
+
+ Rakka.showConfigPanel = function () {
+ var $area = Rakka.switchScreen();
+
+ appendConfigPanel($area);
+ appendUsersPanel($area);
+ };