public/js/syj.js

   1 /*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
   2     and is published under the AGPL license. */
   3 Element.addMethods('input', {
   4     observe : Element.Methods.observe.wrap(function(proceed, element, eventName, handler) {
   5         if (eventName === "contentchange") {
   6             proceed(element, 'keyup', function(evt) {
   7                 if (evt.keyCode === 13) {
   8                     return;
   9                 }
  10                 handler.apply(null, arguments);
  11             });
  12             proceed(element, 'paste', handler);
  13             return proceed(element, 'change', handler);
  14         }
  15         return proceed(element, eventName, handler);
  16     })
  17 });
  18
  19 // avoid openlayers alerts
  20 OpenLayers.Console.userError = function(error) {
  21     SYJView.messenger.setMessage(error, "error");
  22 };
  23
  24 var SyjSaveUI = {
  25     status: "unknown",
  26
  27     init: function() {
  28         $("geom_title").observe('contentchange', this.enableSubmit.bindAsEventListener(this));
  29         return this;
  30     },
  31
  32     hide: function() {
  33         $("geom_submit").blur();
  34         $("geom_title").blur();
  35         $("geomform").hide();
  36         return this;
  37     },
  38
  39     show: function() {
  40         $("geomform").show();
  41         return this;
  42     },
  43
  44     enable: function() {
  45         if (this.status === "enabled") {
  46             return this;
  47         }
  48         this.enableSubmit();
  49         $("geom_title").disabled = false;
  50         $("geom_title").activate();
  51         $("geomform").removeClassName("disabled");
  52         this.status = "enabled";
  53         return this;
  54     },
  55
  56     disable: function() {
  57         if (this.status === "disabled") {
  58             return this;
  59         }
  60         this.disableSubmit();
  61         $("geom_title").blur();
  62         $("geom_title").disabled = true;
  63         $("geomform").addClassName("disabled");
  64         this.status = "disabled";
  65         return this;
  66     },
  67
  68     enableSubmit: function() {
  69         $("geom_submit").disabled = false;
  70         this.status = "partial";
  71         return this;
  72     },
  73
  74     disableSubmit: function() {
  75         $("geom_submit").blur();
  76         $("geom_submit").disabled = true;
  77         this.status = "partial";
  78         return this;
  79     }
  80 };
  81
  82 var SyjEditUI = {
  83     hide: function() {
  84         $("edit-btn").blur();
  85         $("edit-btn").hide();
  86         return this;
  87     },
  88
  89     show: function() {
  90         $("edit-btn").show();
  91         return this;
  92     }
  93 };
  94
  95 OpenLayers.Handler.SyjModifiablePath = OpenLayers.Class(OpenLayers.Handler.ModifiablePath, {
  96     mouseup: function(evt) {
  97         // do not add a point when navigating
  98         var mapControls = this.control.map.controls, idx, ctrl;
  99
 100         for (idx = mapControls.length; idx-->0; ) {
 101             ctrl = mapControls[idx];
 102             if (this.isCtrlNavigationActive(ctrl, evt)) {
 103                 return true;
 104             }
 105         }
 106         return OpenLayers.Handler.ModifiablePath.prototype.mouseup.apply(this, arguments);
 107     },
 108
 109     addPoints: function(pixel) {
 110         // redraw before last point. As we have a special style for last point, we
 111         // need to redraw before last point after adding a new point (otherwise, it
 112         // keeps special style forever)
 113         var oldpoint = this.point;
 114         OpenLayers.Handler.ModifiablePath.prototype.addPoints.apply(this, arguments);
 115         this.layer.drawFeature(oldpoint);
 116     },
 117
 118     isCtrlNavigationActive: function(ctrl, evt) {
 119         var tolerance = 4, xDiff, yDiff;
 120
 121         if (!(ctrl instanceof OpenLayers.Control.Navigation)) {
 122             return false;
 123         }
 124
 125         if (ctrl.zoomBox &&
 126             ctrl.zoomBox.active &&
 127             ctrl.zoomBox.handler &&
 128             ctrl.zoomBox.handler.active &&
 129             ctrl.zoomBox.handler.dragHandler &&
 130             ctrl.zoomBox.handler.dragHandler.start) {
 131             return true;
 132         }
 133
 134         if (!ctrl.dragPan ||
 135             !ctrl.dragPan.active ||
 136             !ctrl.dragPan.handler ||
 137             !ctrl.dragPan.handler.started ||
 138             !ctrl.dragPan.handler.start) {
 139             return false;
 140         }
 141
 142         // if mouse moved 4 or less pixels, consider it has not moved.
 143         tolerance = 4;
 144
 145         xDiff = evt.xy.x - ctrl.dragPan.handler.start.x;
 146         yDiff = evt.xy.y - ctrl.dragPan.handler.start.y;
 147
 148         if (Math.sqrt(Math.pow(xDiff,2) + Math.pow(yDiff,2)) <= tolerance) {
 149             return false;
 150         }
 151         return true;
 152     },
 153
 154     finalize: function(cancel) {
 155         // do nothing. We don't want to finalize path
 156     }
 157 });
 158
 159 var styleMap = {
 160     edit: new OpenLayers.StyleMap({
 161         "default": new OpenLayers.Style({
 162             pointRadius: "${radius}", // sized according to type attribute
 163             fillColor: "#ffcc66",
 164             strokeColor: "#ff9933",
 165             strokeWidth: 2,
 166             strokeOpacity: "${opacity}",
 167             fillOpacity: "${opacity}"
 168         },
 169         {
 170             context: {
 171                 radius: function(feature) {
 172                     var features;
 173
 174                     if (!(feature.geometry instanceof OpenLayers.Geometry.Point)) {
 175                         return 0;
 176                     }
 177                     if (feature.type === "middle") {
 178                         return 4;
 179                     }
 180                     features = feature.layer.features;
 181                     if (OpenLayers.Util.indexOf(features, feature) === 0) {
 182                         return 5;
 183                     } else if (OpenLayers.Util.indexOf(features, feature) === features.length - 1) {
 184                         return 5;
 185                     }
 186                     return 3;
 187                 },
 188                 opacity: function (feature) {
 189                     if (feature.type === "middle") {
 190                         return 0.5;
 191                     } else {
 192                         return 1;
 193                     }
 194                 }
 195             }
 196         }),
 197
 198         "select": new OpenLayers.Style({
 199             externalGraphic: "icons/delete.png",
 200             graphicHeight: 16
 201         }),
 202
 203         "select_for_canvas": new OpenLayers.Style({
 204             strokeColor: "blue",
 205             fillColor: "lightblue"
 206         })
 207
 208     }),
 209
 210     view: new OpenLayers.StyleMap({
 211         "default": new OpenLayers.Style({
 212             strokeColor: "blue",
 213             strokeWidth: 5,
 214             strokeOpacity: 0.7
 215         })
 216     })
 217 };
 218
 219 var WGS84 = new OpenLayers.Projection("EPSG:4326");
 220 var Mercator = new OpenLayers.Projection("EPSG:900913");
 221
 222 var SYJView = {
 223     viewLayer: null,
 224     editControl: null,
 225     map: null,
 226     wkt: new OpenLayers.Format.WKT({ internalProjection: Mercator, externalProjection: WGS84 }),
 227     needsFormResubmit: false,
 228
 229     init: function() {
 230         var externalGraphic, baseURL, baseLayer, layerOptions, extent = null, hidemessenger;
 231
 232         // is svg context, opera does not resolve links with base element is svg context
 233         externalGraphic = styleMap.edit.styles.select.defaultStyle.externalGraphic;
 234         baseURL = document.getElementsByTagName("base")[0].href;
 235         styleMap.edit.styles.select.defaultStyle.externalGraphic = baseURL + externalGraphic;
 236
 237         this.map = new OpenLayers.Map('map', {
 238             controls: [
 239                 new OpenLayers.Control.Navigation(),
 240                 new OpenLayers.Control.PanZoom(),
 241                 new OpenLayers.Control.Attribution()
 242             ],
 243             theme: null
 244         });
 245
 246         baseLayer = new OpenLayers.Layer.OSM("OSM", null, { wrapDateLine: true , attribution: SyjStrings.osmAttribution });
 247
 248         layerOptions = {format:     OpenLayers.Format.WKT,
 249                         projection: WGS84,
 250                         styleMap:   styleMap.view};
 251         if (gLoggedInfo.creatorname) {
 252             layerOptions.attribution = SyjStrings.routeBy + ' ' + '<strong>' + gLoggedInfo.creatorname + '</strong>';
 253         }
 254
 255         this.viewLayer = new OpenLayers.Layer.Vector("View Layer", layerOptions);
 256         this.map.addLayers([baseLayer, this.viewLayer]);
 257
 258         $("edit-btn").observe('click', (function() {
 259             this.messenger.hide();
 260             this.editMode();
 261         }).bind(this));
 262
 263         $("geomform").ajaxize({
 264                 presubmit: this.prepareForm.bind(this),
 265                 onSuccess: this.saveSuccess.bind(this),
 266                 onFailure: this.saveFailure.bind(this)
 267                 });
 268         SyjSaveUI.init().hide();
 269
 270         this.messenger = $('message');
 271         hidemessenger = this.messenger.empty();
 272         new CloseBtn(this.messenger, {
 273             style: {
 274                 margin: "-1em"
 275             }
 276         });
 277         if (hidemessenger) {
 278             this.messenger.hide();
 279         }
 280
 281         extent = null;
 282         if ($("geom_data").value) {
 283             this.viewLayer.addFeatures([this.wkt.read($("geom_data").value)]);
 284             extent = this.viewLayer.getDataExtent();
 285             // XXX: ie has not guessed height of map main div yet during map
 286             // initialisation. Now, it will read it correctly.
 287             this.map.updateSize();
 288         } else {
 289             extent = new OpenLayers.Bounds(gMaxExtent.minlon, gMaxExtent.minlat, gMaxExtent.maxlon, gMaxExtent.maxlat)
 290                                          .transform(WGS84, Mercator);
 291         }
 292         this.map.zoomToExtent(extent);
 293         document.observe('simplebox:shown', this.observer.bindAsEventListener(this));
 294     },
 295
 296     observer: function(evt) {
 297         if (evt.eventName === "simplebox:shown" && evt.memo.element !== $("termsofusearea")) {
 298             this.messenger.hide();
 299         }
 300     },
 301
 302     prepareForm: function(form) {
 303         if (!loginMgr.logged && !$("geom_accept").checked) {
 304             this.messenger.setMessage(SyjStrings.acceptTermsofuseWarn, "warn");
 305             $("geom_accept_container").highlight('#F08080');
 306             $("geom_accept").activate();
 307             return false;
 308         }
 309
 310         var line, realPoints, idx, handler;
 311
 312         line = new OpenLayers.Geometry.LineString();
 313         realPoints = this.editControl.handler.realPoints;
 314         for (idx = 0; idx < realPoints.length; idx++) {
 315             line.addComponent(realPoints[idx].geometry.clone());
 316         }
 317         this.viewLayer.addFeatures(new OpenLayers.Feature.Vector(line));
 318         handler = this.editControl.handler;
 319         OpenLayers.Handler.ModifiablePath.prototype.finalize.apply(handler, arguments);
 320         // we need to recreate them on next createFeature; otherwise
 321         // they'll reference destroyed features
 322         delete(handler.handlers.drag);
 323         delete(handler.handlers.feature);
 324         this.editControl.deactivate();
 325
 326         $("geom_data").value = this.wkt.write(new OpenLayers.Feature.Vector(line));
 327         this.needsFormResubmit = false;
 328         SyjSaveUI.disable.bind(SyjSaveUI).defer();
 329         this.messenger.hide();
 330         return true;
 331     },
 332
 333     editMode: function() {
 334         var components, point0, point, pixels, pixel, idx;
 335
 336         this.initEditControl();
 337
 338         this.editControl.activate();
 339         if (this.viewLayer.features.length) {
 340             components = this.viewLayer.features[0].geometry.components;
 341             point0 = components[0];
 342             if (point0) {
 343                 pixel = this.map.getPixelFromLonLat(new OpenLayers.LonLat(point0.x, point0.y));
 344                 this.editControl.handler.createFeature(pixel);
 345                 this.editControl.handler.lastUp = pixel;
 346                 pixels = [];
 347                 for (idx = 1; idx < components.length; idx++) {
 348                     point = components[idx];
 349                     pixels.push(this.map.getPixelFromLonLat(new OpenLayers.LonLat(point.x, point.y)));
 350                 }
 351                 this.editControl.handler.addPoints(pixels);
 352             }
 353         }
 354
 355         this.viewLayer.destroyFeatures();
 356
 357         SyjEditUI.hide();
 358         if (this.editControl.handler.realPoints && this.editControl.handler.realPoints.length >= 2) {
 359             SyjSaveUI.show().disableSubmit();
 360         } else {
 361             SyjSaveUI.show().disable();
 362         }
 363     },
 364
 365     initEditControl: function() {
 366         var styles;
 367
 368         if (this.editControl) {
 369             return;
 370         }
 371
 372         this.editControl = new OpenLayers.Control.DrawFeature(new OpenLayers.Layer.Vector(), OpenLayers.Handler.SyjModifiablePath, {
 373             callbacks: {
 374                 modify: function(f, line) {
 375                     if (this.handler.realPoints.length < 2) {
 376                         SyjSaveUI.show().disable();
 377                     } else {
 378                         SyjSaveUI.show().enable();
 379                     }
 380                 }
 381             },
 382
 383             handlerOptions: {
 384                 layerOptions: {
 385                     styleMap: styleMap.edit
 386                 }
 387             }
 388         });
 389         this.map.addControl(this.editControl);
 390         if (this.editControl.layer.renderer instanceof OpenLayers.Renderer.Canvas) {
 391             // using externalGraphic with canvas renderer is definitively too buggy
 392             styles = this.editControl.handler.layerOptions.styleMap.styles;
 393             styles.select = styles.select_for_canvas;
 394         }
 395     },
 396
 397     saveSuccess: function(transport) {
 398       if (!$("geom_id").value) {
 399           location = "idx/" + transport.responseText;
 400           return;
 401       }
 402       this.messenger.setMessage(SyjStrings.saveSuccess, "success");
 403
 404       SyjSaveUI.hide();
 405       SyjEditUI.show();
 406       document.title = $('geom_title').value;
 407     },
 408
 409     saveFailure: function(transport) {
 410         var httpCode = 0, message = "";
 411
 412         if (transport) {
 413             httpCode = transport.getStatus();
 414         }
 415         message = "";
 416         switch (httpCode) {
 417             case 0:
 418                 message = SyjStrings.notReachedError;
 419             break;
 420             case 400:
 421             case 404:
 422             case 410:
 423                 message = SyjStrings.requestError; // default message
 424                 if (transport.responseJSON) {
 425                     switch (transport.responseJSON.message) {
 426                         case "unreferenced":
 427                             message = SyjStrings.unreferencedError;
 428                         break;
 429                         case "uniquepath":
 430                             message = SyjStrings.uniquePathError;
 431                         break;
 432                         default:
 433                         break;
 434                     }
 435                 }
 436             break;
 437             case 500:
 438                 message = SyjStrings.serverError;
 439                 this.needsFormResubmit = true;
 440             break;
 441             default:
 442                 message = SyjStrings.unknownError;
 443             break;
 444         }
 445
 446         this.editMode();
 447         // is some cases, we let the user resubmit, in some other cases, he
 448         // needs to modify the path before submitting again
 449         if (this.needsFormResubmit) {
 450             SyjSaveUI.enable();
 451         }
 452
 453         this.messenger.setMessage(message, "error");
 454     }
 455 };
 456
 457 var SYJModalClass = Class.create({
 458     type: "",
 459
 460     init: function() {
 461         this.area = $(this.type + '_area');
 462         this.messenger = $(this.type + "_message");
 463         this.modalbox = new SimpleBox(this.area, {
 464             closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 465         });
 466
 467         $(this.type + "_control_anchor").observe("click", function(evt) {
 468             this.modalbox.show();
 469             evt.stop();
 470         }.bindAsEventListener(this));
 471
 472         document.observe('simplebox:shown', this.observer.bindAsEventListener(this));
 473         document.observe('simplebox:hidden', this.observer.bindAsEventListener(this));
 474
 475         $(this.type + "form").ajaxize({
 476             presubmit: this.presubmit.bind(this),
 477             onSuccess: this.success.bind(this),
 478             onFailure: this.failure.bind(this)
 479         });
 480     },
 481
 482     checkNotEmpty: function(input, message) {
 483         if ($(input).value.strip().empty()) {
 484             this.messenger.setMessage(message, "warn");
 485             $(input).highlight('#F08080').activate();
 486             return false;
 487         }
 488         return true;
 489     },
 490
 491     observer: function(evt) {
 492         var simplebox, input;
 493
 494         if (evt.eventName === "simplebox:shown" && evt.memo.element !== $("termsofusearea")) {
 495             simplebox = evt.memo;
 496             if (simplebox === this.modalbox) {
 497                 input = this.area.select('input[type="text"]')[0];
 498                 (function () {
 499                     input.activate();
 500                 }).defer();
 501             } else {
 502                 this.modalbox.hide();
 503             }
 504
 505         } else if (evt.eventName === "simplebox:hidden" && evt.memo.element !== $("termsofusearea")) {
 506             simplebox = evt.memo;
 507             if (simplebox === this.modalbox) {
 508                 this.reset();
 509             }
 510         }
 511     },
 512
 513     failure: function(transport) {
 514         var httpCode = 0, message = SyjStrings.unknownError, input; // default message error
 515
 516         if (transport) {
 517             httpCode = transport.getStatus();
 518         }
 519
 520         switch (httpCode) {
 521             case 0:
 522                 message = SyjStrings.notReachedError;
 523             break;
 524             case 400:
 525             case 404:
 526             case 410:
 527                 message = SyjStrings.requestError;
 528             break;
 529             case 500:
 530                 message = SyjStrings.serverError;
 531             break;
 532         }
 533
 534         this.messenger.setMessage(message, "error");
 535         input = this.area.select('input[type="text"]')[0];
 536         input.highlight('#F08080').activate();
 537     },
 538
 539     reset: function() {
 540         this.messenger.hide();
 541         this.area.select('.message').invoke('setMessageStatus', null);
 542     }
 543 });
 544
 545 var SYJUserClass = Class.create(SYJModalClass, {
 546     type: "user",
 547     toubox: null,
 548
 549     init: function($super) {
 550         $super();
 551         $("termsofusearea").hide();
 552
 553         $$("#user_termsofuse_anchor, #geom_termsofuse_anchor").invoke('observe', "click", function(evt) {
 554             if (!this.toubox) {
 555                 $("termsofusearea").show();
 556                 $("termsofuseiframe").setAttribute("src", evt.target.href);
 557                 this.toubox = new SimpleBox($("termsofusearea"), {
 558                     closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 559                 });
 560             }
 561             this.toubox.show();
 562             evt.stop();
 563         }.bindAsEventListener(this));
 564
 565         $$("#login_area_create > a").invoke('observe', 'click',
 566             function(evt) {
 567                 this.modalbox.show();
 568                 evt.stop();
 569             }.bindAsEventListener(this));
 570
 571         $("user_password").observe('contentchange', function(evt) {
 572             if (evt.target.value.length < 6) {
 573                 $("user_password-desc").setMessageStatus("warn");
 574             } else {
 575                 $("user_password-desc").setMessageStatus("success");
 576             }
 577         }.bindAsEventListener(this));
 578
 579         $("account-info").hide();
 580         $("account-info-bullet").observe('click', function(evt) {
 581             var elt = $("account-info");
 582             if (elt.visible()) {
 583                 evt.target.src = "icons/bullet_arrow_right.png";
 584                 elt.hide();
 585             } else {
 586                 evt.target.src = "icons/bullet_arrow_down.png";
 587                 elt.show();
 588             }
 589             evt.stop();
 590         });
 591     },
 592
 593     presubmit: function() {
 594         if (!(this.checkNotEmpty("user_pseudo", SyjStrings.userEmptyWarn))) {
 595             return false;
 596         }
 597
 598         if (!($("user_pseudo").value.match(/^[a-zA-Z0-9_.]+$/))) {
 599             this.messenger.setMessage(SyjStrings.invalidPseudo, "warn");
 600             $("user_pseudo").highlight('#F08080').activate();
 601             return false;
 602         }
 603
 604         if (!(this.checkNotEmpty("user_password", SyjStrings.passwordEmptyWarn))) {
 605             return false;
 606         }
 607
 608         if ($("user_password").value.length < 6) {
 609             $("user_password-desc").setMessageStatus("warn");
 610             $("user_password").highlight('#F08080').activate();
 611             return false;
 612         }
 613
 614         if ($("user_password").value !== $("user_password_confirm").value) {
 615             this.messenger.setMessage(SyjStrings.passwordNoMatchWarn, "warn");
 616             $("user_password").highlight('#F08080').activate();
 617             return false;
 618         }
 619
 620         if (!(this.checkNotEmpty("user_email", SyjStrings.emailEmptyWarn))) {
 621             return false;
 622         }
 623
 624         if (!$("user_accept").checked) {
 625             this.messenger.setMessage(SyjStrings.acceptTermsofuseWarn, "warn");
 626             $("user_accept_container").highlight('#F08080');
 627             $("user_accept").activate();
 628             return false;
 629         }
 630
 631         this.reset();
 632         return true;
 633     },
 634
 635     success: function(transport) {
 636         loginMgr.login();
 637         SYJView.messenger.setMessage(SyjStrings.userSuccess, "success");
 638         this.modalbox.hide();
 639         if (SYJView.needsFormResubmit) {
 640             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 641             $("geom_submit").activate();
 642         }
 643     },
 644
 645     failure: function($super, transport) {
 646         var httpCode = 0, focusInput = null, message = "";
 647
 648         if (transport) {
 649             httpCode = transport.getStatus();
 650         }
 651
 652         focusInput = null;
 653         message = "";
 654
 655         switch (httpCode) {
 656             case 400:
 657                 if (transport.responseJSON) {
 658                     switch (transport.responseJSON.message) {
 659                         case "invalidemail":
 660                             message = SyjStrings.emailInvalidWarn;
 661                             focusInput = $("user_email");
 662                         break;
 663                         case "uniquepseudo":
 664                             message = SyjStrings.uniqueUserError;
 665                             focusInput = $("user_pseudo");
 666                         break;
 667                         case "uniqueemail":
 668                             message = SyjStrings.uniqueEmailError;
 669                             focusInput = $("user_email");
 670                         break;
 671                     }
 672                 }
 673             break;
 674         }
 675
 676         if (message) {
 677             this.messenger.setMessage(message, "error");
 678             if (focusInput) {
 679                 focusInput.highlight('#F08080').activate();
 680             }
 681             return;
 682         }
 683
 684         $super(transport);
 685     }
 686 });
 687 var SYJUser = new SYJUserClass();
 688
 689 var SYJLoginClass = Class.create(SYJModalClass, {
 690     type: "login",
 691
 692     init: function($super) {
 693         $super();
 694     },
 695
 696     presubmit: function() {
 697         if (!(this.checkNotEmpty("login_user", SyjStrings.userEmptyWarn))) {
 698             return false;
 699         }
 700
 701         this.reset();
 702         return true;
 703     },
 704
 705     success: function(transport) {
 706         if (transport.responseText === "1") {
 707             loginMgr.login(true);
 708         } else {
 709             loginMgr.login();
 710         }
 711         SYJView.messenger.setMessage(SyjStrings.loginSuccess, "success");
 712         this.modalbox.hide();
 713         if (SYJView.needsFormResubmit) {
 714             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 715             $("geom_submit").activate();
 716         }
 717     },
 718
 719     failure: function($super, transport) {
 720         var httpCode = 0, focusInput = null, message = "";
 721
 722         if (transport) {
 723             httpCode = transport.getStatus();
 724         }
 725
 726         focusInput = null;
 727         message = "";
 728
 729         switch (httpCode) {
 730             case 403:
 731                 message = SyjStrings.loginFailure;
 732                 focusInput = $("login_user");
 733             break;
 734         }
 735
 736         if (message) {
 737             this.messenger.setMessage(message, "error");
 738             if (focusInput) {
 739                 focusInput.highlight('#F08080').activate();
 740             }
 741             return;
 742         }
 743
 744         $super(transport);
 745     }
 746 });
 747 var SYJLogin = new SYJLoginClass();
 748
 749 var SYJNewpwdClass = Class.create(SYJModalClass, {
 750     type: "newpwd",
 751
 752     presubmit: function() {
 753         if (!(this.checkNotEmpty("newpwd_email", SyjStrings.emailEmptyWarn))) {
 754             return false;
 755         }
 756         this.reset();
 757         return true;
 758     },
 759     success: function(transport) {
 760         SYJView.messenger.setMessage(SyjStrings.newpwdSuccess, "success");
 761         this.modalbox.hide();
 762     }
 763
 764 });
 765 var SYJNewpwd = new SYJNewpwdClass();
 766
 767 var loginMgr = Object.extend(gLoggedInfo, {
 768     controlsdeck: null,
 769
 770     updateUI: function() {
 771         if (!this.controlsdeck) {
 772             this.controlsdeck = new Deck("login_controls");
 773         }
 774         if (this.logged) {
 775             this.controlsdeck.setIndex(1);
 776             $$(".logged-hide").invoke('hide');
 777             $$(".logged-show").invoke('show');
 778         } else {
 779             this.controlsdeck.setIndex(0);
 780             $$(".logged-hide").invoke('show');
 781             $$(".logged-show").invoke('hide');
 782         }
 783
 784         if (this.iscreator) {
 785             $("data_controls").show();
 786         } else {
 787             $("data_controls").hide();
 788         }
 789     },
 790
 791     login: function(aIsCreator) {
 792         if (typeof aIsCreator === "boolean") {
 793             this.iscreator = aIsCreator;
 794         }
 795         this.logged = true;
 796         this.updateUI();
 797     }
 798 });
 799
 800 document.observe("dom:loaded", function() {
 801     SYJLogin.init();
 802     SYJUser.init();
 803     SYJView.init();
 804     SYJNewpwd.init();
 805     loginMgr.updateUI();
 806 });