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