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, 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         if ($("geom_data").value) {
 282             this.viewLayer.addFeatures([this.wkt.read($("geom_data").value)]);
 283             extent = this.viewLayer.getDataExtent();
 284             // XXX: ie has not guessed height of map main div yet during map
 285             // initialisation. Now, it will read it correctly.
 286             this.map.updateSize();
 287         } else {
 288             extent = new OpenLayers.Bounds(gMaxExtent.minlon, gMaxExtent.minlat, gMaxExtent.maxlon, gMaxExtent.maxlat)
 289                                          .transform(WGS84, Mercator);
 290         }
 291         this.map.zoomToExtent(extent);
 292         document.observe('simplebox:shown', this.observer.bindAsEventListener(this));
 293     },
 294
 295     observer: function(evt) {
 296         if (evt.eventName === "simplebox:shown" && evt.memo.element !== $("termsofusearea")) {
 297             this.messenger.hide();
 298         }
 299     },
 300
 301     prepareForm: function(form) {
 302         if (!loginMgr.logged && !$("geom_accept").checked) {
 303             this.messenger.setMessage(SyjStrings.acceptTermsofuseWarn, "warn");
 304             $("geom_accept_container").highlight('#F08080');
 305             $("geom_accept").activate();
 306             return false;
 307         }
 308
 309         var line, realPoints, idx, handler;
 310
 311         line = new OpenLayers.Geometry.LineString();
 312         realPoints = this.editControl.handler.realPoints;
 313         for (idx = 0; idx < realPoints.length; idx++) {
 314             line.addComponent(realPoints[idx].geometry.clone());
 315         }
 316         this.viewLayer.addFeatures(new OpenLayers.Feature.Vector(line));
 317         handler = this.editControl.handler;
 318         OpenLayers.Handler.ModifiablePath.prototype.finalize.apply(handler, arguments);
 319         // we need to recreate them on next createFeature; otherwise
 320         // they'll reference destroyed features
 321         delete(handler.handlers.drag);
 322         delete(handler.handlers.feature);
 323         this.editControl.deactivate();
 324
 325         $("geom_data").value = this.wkt.write(new OpenLayers.Feature.Vector(line));
 326         this.needsFormResubmit = false;
 327         SyjSaveUI.disable.bind(SyjSaveUI).defer();
 328         this.messenger.hide();
 329         return true;
 330     },
 331
 332     editMode: function() {
 333         var components, point0, point, pixels, pixel, idx;
 334
 335         this.initEditControl();
 336
 337         this.editControl.activate();
 338         if (this.viewLayer.features.length) {
 339             components = this.viewLayer.features[0].geometry.components;
 340             point0 = components[0];
 341             if (point0) {
 342                 pixel = this.map.getPixelFromLonLat(new OpenLayers.LonLat(point0.x, point0.y));
 343                 this.editControl.handler.createFeature(pixel);
 344                 this.editControl.handler.lastUp = pixel;
 345                 pixels = [];
 346                 for (idx = 1; idx < components.length; idx++) {
 347                     point = components[idx];
 348                     pixels.push(this.map.getPixelFromLonLat(new OpenLayers.LonLat(point.x, point.y)));
 349                 }
 350                 this.editControl.handler.addPoints(pixels);
 351             }
 352         }
 353
 354         this.viewLayer.destroyFeatures();
 355
 356         SyjEditUI.hide();
 357         if (this.editControl.handler.realPoints && this.editControl.handler.realPoints.length >= 2) {
 358             SyjSaveUI.show().disableSubmit();
 359         } else {
 360             SyjSaveUI.show().disable();
 361         }
 362     },
 363
 364     initEditControl: function() {
 365         var styles;
 366
 367         if (this.editControl) {
 368             return;
 369         }
 370
 371         this.editControl = new OpenLayers.Control.DrawFeature(new OpenLayers.Layer.Vector(), OpenLayers.Handler.SyjModifiablePath, {
 372             callbacks: {
 373                 modify: function(f, line) {
 374                     if (this.handler.realPoints.length < 2) {
 375                         SyjSaveUI.show().disable();
 376                     } else {
 377                         SyjSaveUI.show().enable();
 378                     }
 379                 }
 380             },
 381
 382             handlerOptions: {
 383                 layerOptions: {
 384                     styleMap: styleMap.edit
 385                 }
 386             }
 387         });
 388         this.map.addControl(this.editControl);
 389         if (this.editControl.layer.renderer instanceof OpenLayers.Renderer.Canvas) {
 390             // using externalGraphic with canvas renderer is definitively too buggy
 391             styles = this.editControl.handler.layerOptions.styleMap.styles;
 392             styles.select = styles.select_for_canvas;
 393         }
 394     },
 395
 396     saveSuccess: function(transport) {
 397       if (!$("geom_id").value) {
 398           location = "idx/" + transport.responseText;
 399           return;
 400       }
 401       this.messenger.setMessage(SyjStrings.saveSuccess, "success");
 402
 403       SyjSaveUI.hide();
 404       SyjEditUI.show();
 405       document.title = $('geom_title').value;
 406     },
 407
 408     saveFailure: function(transport) {
 409         var httpCode = 0, message = "";
 410
 411         if (transport) {
 412             httpCode = transport.getStatus();
 413         }
 414         switch (httpCode) {
 415             case 0:
 416                 message = SyjStrings.notReachedError;
 417             break;
 418             case 400:
 419             case 404:
 420             case 410:
 421                 message = SyjStrings.requestError; // default message
 422                 if (transport.responseJSON) {
 423                     switch (transport.responseJSON.message) {
 424                         case "unreferenced":
 425                             message = SyjStrings.unreferencedError;
 426                         break;
 427                         case "uniquepath":
 428                             message = SyjStrings.uniquePathError;
 429                         break;
 430                         default:
 431                         break;
 432                     }
 433                 }
 434             break;
 435             case 500:
 436                 message = SyjStrings.serverError;
 437                 this.needsFormResubmit = true;
 438             break;
 439             default:
 440                 message = SyjStrings.unknownError;
 441             break;
 442         }
 443
 444         this.editMode();
 445         // is some cases, we let the user resubmit, in some other cases, he
 446         // needs to modify the path before submitting again
 447         if (this.needsFormResubmit) {
 448             SyjSaveUI.enable();
 449         }
 450
 451         this.messenger.setMessage(message, "error");
 452     }
 453 };
 454
 455 var SYJModalClass = Class.create({
 456     type: "",
 457
 458     init: function() {
 459         this.area = $(this.type + '_area');
 460         this.messenger = $(this.type + "_message");
 461         this.modalbox = new SimpleBox(this.area, {
 462             closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 463         });
 464
 465         $(this.type + "_control_anchor").observe("click", function(evt) {
 466             this.modalbox.show();
 467             evt.stop();
 468         }.bindAsEventListener(this));
 469
 470         document.observe('simplebox:shown', this.observer.bindAsEventListener(this));
 471         document.observe('simplebox:hidden', this.observer.bindAsEventListener(this));
 472
 473         $(this.type + "form").ajaxize({
 474             presubmit: this.presubmit.bind(this),
 475             onSuccess: this.success.bind(this),
 476             onFailure: this.failure.bind(this)
 477         });
 478     },
 479
 480     checkNotEmpty: function(input, message) {
 481         if ($(input).value.strip().empty()) {
 482             this.messenger.setMessage(message, "warn");
 483             $(input).highlight('#F08080').activate();
 484             return false;
 485         }
 486         return true;
 487     },
 488
 489     observer: function(evt) {
 490         var simplebox, input;
 491
 492         if (evt.eventName === "simplebox:shown" && evt.memo.element !== $("termsofusearea")) {
 493             simplebox = evt.memo;
 494             if (simplebox === this.modalbox) {
 495                 input = this.area.select('input[type="text"]')[0];
 496                 (function () {
 497                     input.activate();
 498                 }).defer();
 499             } else {
 500                 this.modalbox.hide();
 501             }
 502
 503         } else if (evt.eventName === "simplebox:hidden" && evt.memo.element !== $("termsofusearea")) {
 504             simplebox = evt.memo;
 505             if (simplebox === this.modalbox) {
 506                 this.reset();
 507             }
 508         }
 509     },
 510
 511     failure: function(transport) {
 512         var httpCode = 0, message = SyjStrings.unknownError, input; // default message error
 513
 514         if (transport) {
 515             httpCode = transport.getStatus();
 516         }
 517
 518         switch (httpCode) {
 519             case 0:
 520                 message = SyjStrings.notReachedError;
 521             break;
 522             case 400:
 523             case 404:
 524             case 410:
 525                 message = SyjStrings.requestError;
 526             break;
 527             case 500:
 528                 message = SyjStrings.serverError;
 529             break;
 530         }
 531
 532         this.messenger.setMessage(message, "error");
 533         input = this.area.select('input[type="text"]')[0];
 534         input.highlight('#F08080').activate();
 535     },
 536
 537     reset: function() {
 538         this.messenger.hide();
 539         this.area.select('.message').invoke('setMessageStatus', null);
 540     }
 541 });
 542
 543 var SYJUserClass = Class.create(SYJModalClass, {
 544     type: "user",
 545     toubox: null,
 546
 547     init: function($super) {
 548         $super();
 549         $("termsofusearea").hide();
 550
 551         $$("#user_termsofuse_anchor, #geom_termsofuse_anchor").invoke('observe', "click", function(evt) {
 552             if (!this.toubox) {
 553                 $("termsofusearea").show();
 554                 $("termsofuseiframe").setAttribute("src", evt.target.href);
 555                 this.toubox = new SimpleBox($("termsofusearea"), {
 556                     closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 557                 });
 558             }
 559             this.toubox.show();
 560             evt.stop();
 561         }.bindAsEventListener(this));
 562
 563         $$("#login_area_create > a").invoke('observe', 'click',
 564             function(evt) {
 565                 this.modalbox.show();
 566                 evt.stop();
 567             }.bindAsEventListener(this));
 568
 569         $("user_password").observe('contentchange', function(evt) {
 570             if (evt.target.value.length < 6) {
 571                 $("user_password-desc").setMessageStatus("warn");
 572             } else {
 573                 $("user_password-desc").setMessageStatus("success");
 574             }
 575         }.bindAsEventListener(this));
 576
 577         $("account-info").hide();
 578         $("account-info-bullet").observe('click', function(evt) {
 579             var elt = $("account-info");
 580             if (elt.visible()) {
 581                 evt.target.src = "icons/bullet_arrow_right.png";
 582                 elt.hide();
 583             } else {
 584                 evt.target.src = "icons/bullet_arrow_down.png";
 585                 elt.show();
 586             }
 587             evt.stop();
 588         });
 589     },
 590
 591     presubmit: function() {
 592         if (!(this.checkNotEmpty("user_pseudo", SyjStrings.userEmptyWarn))) {
 593             return false;
 594         }
 595
 596         if (!($("user_pseudo").value.match(/^[a-zA-Z0-9_.]+$/))) {
 597             this.messenger.setMessage(SyjStrings.invalidPseudo, "warn");
 598             $("user_pseudo").highlight('#F08080').activate();
 599             return false;
 600         }
 601
 602         if (!(this.checkNotEmpty("user_password", SyjStrings.passwordEmptyWarn))) {
 603             return false;
 604         }
 605
 606         if ($("user_password").value.length < 6) {
 607             $("user_password-desc").setMessageStatus("warn");
 608             $("user_password").highlight('#F08080').activate();
 609             return false;
 610         }
 611
 612         if ($("user_password").value !== $("user_password_confirm").value) {
 613             this.messenger.setMessage(SyjStrings.passwordNoMatchWarn, "warn");
 614             $("user_password").highlight('#F08080').activate();
 615             return false;
 616         }
 617
 618         if (!(this.checkNotEmpty("user_email", SyjStrings.emailEmptyWarn))) {
 619             return false;
 620         }
 621
 622         if (!$("user_accept").checked) {
 623             this.messenger.setMessage(SyjStrings.acceptTermsofuseWarn, "warn");
 624             $("user_accept_container").highlight('#F08080');
 625             $("user_accept").activate();
 626             return false;
 627         }
 628
 629         this.reset();
 630         return true;
 631     },
 632
 633     success: function(transport) {
 634         loginMgr.login();
 635         SYJView.messenger.setMessage(SyjStrings.userSuccess, "success");
 636         this.modalbox.hide();
 637         if (SYJView.needsFormResubmit) {
 638             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 639             $("geom_submit").activate();
 640         }
 641     },
 642
 643     failure: function($super, transport) {
 644         var httpCode = 0, focusInput = null, message = "";
 645
 646         if (transport) {
 647             httpCode = transport.getStatus();
 648         }
 649
 650         focusInput = null;
 651         message = "";
 652
 653         switch (httpCode) {
 654             case 400:
 655                 if (transport.responseJSON) {
 656                     switch (transport.responseJSON.message) {
 657                         case "invalidemail":
 658                             message = SyjStrings.emailInvalidWarn;
 659                             focusInput = $("user_email");
 660                         break;
 661                         case "uniquepseudo":
 662                             message = SyjStrings.uniqueUserError;
 663                             focusInput = $("user_pseudo");
 664                         break;
 665                         case "uniqueemail":
 666                             message = SyjStrings.uniqueEmailError;
 667                             focusInput = $("user_email");
 668                         break;
 669                     }
 670                 }
 671             break;
 672         }
 673
 674         if (message) {
 675             this.messenger.setMessage(message, "error");
 676             if (focusInput) {
 677                 focusInput.highlight('#F08080').activate();
 678             }
 679             return;
 680         }
 681
 682         $super(transport);
 683     }
 684 });
 685 var SYJUser = new SYJUserClass();
 686
 687 var SYJLoginClass = Class.create(SYJModalClass, {
 688     type: "login",
 689
 690     init: function($super) {
 691         $super();
 692     },
 693
 694     presubmit: function() {
 695         if (!(this.checkNotEmpty("login_user", SyjStrings.userEmptyWarn))) {
 696             return false;
 697         }
 698
 699         this.reset();
 700         return true;
 701     },
 702
 703     success: function(transport) {
 704         if (transport.responseText === "1") {
 705             loginMgr.login(true);
 706         } else {
 707             loginMgr.login();
 708         }
 709         SYJView.messenger.setMessage(SyjStrings.loginSuccess, "success");
 710         this.modalbox.hide();
 711         if (SYJView.needsFormResubmit) {
 712             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 713             $("geom_submit").activate();
 714         }
 715     },
 716
 717     failure: function($super, transport) {
 718         var httpCode = 0, focusInput = null, message = "";
 719
 720         if (transport) {
 721             httpCode = transport.getStatus();
 722         }
 723
 724         focusInput = null;
 725         message = "";
 726
 727         switch (httpCode) {
 728             case 403:
 729                 message = SyjStrings.loginFailure;
 730                 focusInput = $("login_user");
 731             break;
 732         }
 733
 734         if (message) {
 735             this.messenger.setMessage(message, "error");
 736             if (focusInput) {
 737                 focusInput.highlight('#F08080').activate();
 738             }
 739             return;
 740         }
 741
 742         $super(transport);
 743     }
 744 });
 745 var SYJLogin = new SYJLoginClass();
 746
 747 var SYJNewpwdClass = Class.create(SYJModalClass, {
 748     type: "newpwd",
 749
 750     presubmit: function() {
 751         if (!(this.checkNotEmpty("newpwd_email", SyjStrings.emailEmptyWarn))) {
 752             return false;
 753         }
 754         this.reset();
 755         return true;
 756     },
 757     success: function(transport) {
 758         SYJView.messenger.setMessage(SyjStrings.newpwdSuccess, "success");
 759         this.modalbox.hide();
 760     }
 761
 762 });
 763 var SYJNewpwd = new SYJNewpwdClass();
 764
 765 var loginMgr = Object.extend(gLoggedInfo, {
 766     controlsdeck: null,
 767
 768     updateUI: function() {
 769         if (!this.controlsdeck) {
 770             this.controlsdeck = new Deck("login_controls");
 771         }
 772         if (this.logged) {
 773             this.controlsdeck.setIndex(1);
 774             $$(".logged-hide").invoke('hide');
 775             $$(".logged-show").invoke('show');
 776         } else {
 777             this.controlsdeck.setIndex(0);
 778             $$(".logged-hide").invoke('show');
 779             $$(".logged-show").invoke('hide');
 780         }
 781
 782         if (this.iscreator) {
 783             $("data_controls").show();
 784         } else {
 785             $("data_controls").hide();
 786         }
 787     },
 788
 789     login: function(aIsCreator) {
 790         if (typeof aIsCreator === "boolean") {
 791             this.iscreator = aIsCreator;
 792         }
 793         this.logged = true;
 794         this.updateUI();
 795     }
 796 });
 797
 798 document.observe("dom:loaded", function() {
 799     SYJLogin.init();
 800     SYJUser.init();
 801     SYJView.init();
 802     SYJNewpwd.init();
 803     loginMgr.updateUI();
 804 });