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 (transport.responseJSON && (typeof transport.responseJSON.redirect === "string")) {
 398           location = transport.responseJSON.redirect;
 399           return;
 400       }
 401
 402       this.messenger.setMessage(SyjStrings.saveSuccess, "success");
 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                 message = SyjStrings.requestError;
 421                 if (transport.responseJSON) {
 422                     switch (transport.responseJSON.message) {
 423                         case "uniquepath":
 424                             message = SyjStrings.uniquePathError;
 425                         break;
 426                         default:
 427                         break;
 428                     }
 429                 }
 430             break;
 431             case 403:
 432                 message = "";
 433                 SYJLogin.messenger.setMessage(SyjStrings.loginNeeded, "warn");
 434                 SYJLogin.modalbox.show();
 435                 this.needsFormResubmit = true;
 436             break;
 437             case 410:
 438                 message = SyjStrings.gonePathError;
 439             break;
 440             case 500:
 441                 message = SyjStrings.serverError;
 442                 this.needsFormResubmit = true;
 443             break;
 444             default:
 445                 message = SyjStrings.unknownError;
 446             break;
 447         }
 448
 449         this.editMode();
 450         // is some cases, we let the user resubmit, in some other cases, he
 451         // needs to modify the path before submitting again
 452         if (this.needsFormResubmit) {
 453             SyjSaveUI.enable();
 454         }
 455
 456         this.messenger.setMessage(message, "error");
 457     }
 458 };
 459
 460 var SYJModalClass = Class.create({
 461     type: "",
 462
 463     init: function() {
 464         this.area = $(this.type + '_area');
 465         this.messenger = $(this.type + "_message");
 466         this.modalbox = new SimpleBox(this.area, {
 467             closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 468         });
 469
 470         $(this.type + "_control_anchor").observe("click", function(evt) {
 471             this.modalbox.show();
 472             evt.stop();
 473         }.bindAsEventListener(this));
 474
 475         document.observe('simplebox:shown', this.observer.bindAsEventListener(this));
 476         document.observe('simplebox:hidden', this.observer.bindAsEventListener(this));
 477
 478         $(this.type + "form").ajaxize({
 479             presubmit: this.presubmit.bind(this),
 480             onSuccess: this.success.bind(this),
 481             onFailure: this.failure.bind(this)
 482         });
 483     },
 484
 485     checkNotEmpty: function(input, message) {
 486         if ($(input).value.strip().empty()) {
 487             this.messenger.setMessage(message, "warn");
 488             $(input).highlight('#F08080').activate();
 489             return false;
 490         }
 491         return true;
 492     },
 493
 494     observer: function(evt) {
 495         var simplebox, input;
 496
 497         if (evt.eventName === "simplebox:shown" && evt.memo.element !== $("termsofusearea")) {
 498             simplebox = evt.memo;
 499             if (simplebox === this.modalbox) {
 500                 input = this.area.select('input[type="text"]')[0];
 501                 (function () {
 502                     input.activate();
 503                 }).defer();
 504             } else {
 505                 this.modalbox.hide();
 506             }
 507
 508         } else if (evt.eventName === "simplebox:hidden" && evt.memo.element !== $("termsofusearea")) {
 509             simplebox = evt.memo;
 510             if (simplebox === this.modalbox) {
 511                 this.reset();
 512             }
 513         }
 514     },
 515
 516     failure: function(transport) {
 517         var httpCode = 0, message = SyjStrings.unknownError, input; // default message error
 518
 519         if (transport) {
 520             httpCode = transport.getStatus();
 521         }
 522
 523         switch (httpCode) {
 524             case 0:
 525                 message = SyjStrings.notReachedError;
 526             break;
 527             case 400:
 528             case 404:
 529             case 410:
 530                 message = SyjStrings.requestError;
 531             break;
 532             case 500:
 533                 message = SyjStrings.serverError;
 534             break;
 535         }
 536
 537         this.messenger.setMessage(message, "error");
 538         input = this.area.select('input[type="text"]')[0];
 539         input.highlight('#F08080').activate();
 540     },
 541
 542     reset: function() {
 543         this.messenger.hide();
 544         this.area.select('.message').invoke('setMessageStatus', null);
 545     }
 546 });
 547
 548 var SYJUserClass = Class.create(SYJModalClass, {
 549     type: "user",
 550     toubox: null,
 551
 552     init: function($super) {
 553         $super();
 554         $("termsofusearea").hide();
 555
 556         $$("#user_termsofuse_anchor, #geom_termsofuse_anchor").invoke('observe', "click", function(evt) {
 557             if (!this.toubox) {
 558                 $("termsofusearea").show();
 559                 $("termsofuseiframe").setAttribute("src", evt.target.href);
 560                 this.toubox = new SimpleBox($("termsofusearea"), {
 561                     closeMethods: ["onescapekey", "onouterclick", "onbutton"]
 562                 });
 563             }
 564             this.toubox.show();
 565             evt.stop();
 566         }.bindAsEventListener(this));
 567
 568         $$("#login_area_create > a").invoke('observe', 'click',
 569             function(evt) {
 570                 this.modalbox.show();
 571                 evt.stop();
 572             }.bindAsEventListener(this));
 573
 574         $("user_password").observe('contentchange', function(evt) {
 575             if (evt.target.value.length < 6) {
 576                 $("user_password-desc").setMessageStatus("warn");
 577             } else {
 578                 $("user_password-desc").setMessageStatus("success");
 579             }
 580         }.bindAsEventListener(this));
 581
 582         $("account-info").hide();
 583         $("account-info-bullet").observe('click', function(evt) {
 584             var elt = $("account-info");
 585             if (elt.visible()) {
 586                 evt.target.src = "icons/bullet_arrow_right.png";
 587                 elt.hide();
 588             } else {
 589                 evt.target.src = "icons/bullet_arrow_down.png";
 590                 elt.show();
 591             }
 592             evt.stop();
 593         });
 594     },
 595
 596     presubmit: function() {
 597         if (!(this.checkNotEmpty("user_pseudo", SyjStrings.userEmptyWarn))) {
 598             return false;
 599         }
 600
 601         if (!($("user_pseudo").value.match(/^[a-zA-Z0-9_.]+$/))) {
 602             this.messenger.setMessage(SyjStrings.invalidPseudo, "warn");
 603             $("user_pseudo").highlight('#F08080').activate();
 604             return false;
 605         }
 606
 607         if (!(this.checkNotEmpty("user_password", SyjStrings.passwordEmptyWarn))) {
 608             return false;
 609         }
 610
 611         if ($("user_password").value.length < 6) {
 612             $("user_password-desc").setMessageStatus("warn");
 613             $("user_password").highlight('#F08080').activate();
 614             return false;
 615         }
 616
 617         if ($("user_password").value !== $("user_password_confirm").value) {
 618             this.messenger.setMessage(SyjStrings.passwordNoMatchWarn, "warn");
 619             $("user_password").highlight('#F08080').activate();
 620             return false;
 621         }
 622
 623         if (!(this.checkNotEmpty("user_email", SyjStrings.emailEmptyWarn))) {
 624             return false;
 625         }
 626
 627         if (!$("user_accept").checked) {
 628             this.messenger.setMessage(SyjStrings.acceptTermsofuseWarn, "warn");
 629             $("user_accept_container").highlight('#F08080');
 630             $("user_accept").activate();
 631             return false;
 632         }
 633
 634         this.reset();
 635         return true;
 636     },
 637
 638     success: function(transport) {
 639         loginMgr.login();
 640         SYJView.messenger.setMessage(SyjStrings.userSuccess, "success");
 641         this.modalbox.hide();
 642         if (SYJView.needsFormResubmit) {
 643             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 644             $("geom_submit").activate();
 645         }
 646     },
 647
 648     failure: function($super, transport) {
 649         var httpCode = 0, focusInput = null, message = "";
 650
 651         if (transport) {
 652             httpCode = transport.getStatus();
 653         }
 654
 655         focusInput = null;
 656         message = "";
 657
 658         switch (httpCode) {
 659             case 400:
 660                 if (transport.responseJSON) {
 661                     switch (transport.responseJSON.message) {
 662                         case "invalidemail":
 663                             message = SyjStrings.emailInvalidWarn;
 664                             focusInput = $("user_email");
 665                         break;
 666                         case "uniquepseudo":
 667                             message = SyjStrings.uniqueUserError;
 668                             focusInput = $("user_pseudo");
 669                         break;
 670                         case "uniqueemail":
 671                             message = SyjStrings.uniqueEmailError;
 672                             focusInput = $("user_email");
 673                         break;
 674                     }
 675                 }
 676             break;
 677         }
 678
 679         if (message) {
 680             this.messenger.setMessage(message, "error");
 681             if (focusInput) {
 682                 focusInput.highlight('#F08080').activate();
 683             }
 684             return;
 685         }
 686
 687         $super(transport);
 688     }
 689 });
 690 var SYJUser = new SYJUserClass();
 691
 692 var SYJLoginClass = Class.create(SYJModalClass, {
 693     type: "login",
 694
 695     init: function($super) {
 696         $super();
 697     },
 698
 699     presubmit: function() {
 700         if (!(this.checkNotEmpty("login_user", SyjStrings.userEmptyWarn))) {
 701             return false;
 702         }
 703
 704         this.reset();
 705         return true;
 706     },
 707
 708     success: function(transport) {
 709         if (transport.responseText === "1") {
 710             loginMgr.login(true);
 711         } else {
 712             loginMgr.login();
 713         }
 714         SYJView.messenger.setMessage(SyjStrings.loginSuccess, "success");
 715         this.modalbox.hide();
 716         if (SYJView.needsFormResubmit) {
 717             SYJView.messenger.addMessage(SyjStrings.canResubmit);
 718             $("geom_submit").activate();
 719         }
 720     },
 721
 722     failure: function($super, transport) {
 723         var httpCode = 0, focusInput = null, message = "";
 724
 725         if (transport) {
 726             httpCode = transport.getStatus();
 727         }
 728
 729         focusInput = null;
 730         message = "";
 731
 732         switch (httpCode) {
 733             case 403:
 734                 message = SyjStrings.loginFailure;
 735                 focusInput = $("login_user");
 736             break;
 737         }
 738
 739         if (message) {
 740             this.messenger.setMessage(message, "error");
 741             if (focusInput) {
 742                 focusInput.highlight('#F08080').activate();
 743             }
 744             return;
 745         }
 746
 747         $super(transport);
 748     }
 749 });
 750 var SYJLogin = new SYJLoginClass();
 751
 752 var SYJNewpwdClass = Class.create(SYJModalClass, {
 753     type: "newpwd",
 754
 755     presubmit: function() {
 756         if (!(this.checkNotEmpty("newpwd_email", SyjStrings.emailEmptyWarn))) {
 757             return false;
 758         }
 759         this.reset();
 760         return true;
 761     },
 762     success: function(transport) {
 763         SYJView.messenger.setMessage(SyjStrings.newpwdSuccess, "success");
 764         this.modalbox.hide();
 765     }
 766
 767 });
 768 var SYJNewpwd = new SYJNewpwdClass();
 769
 770 var loginMgr = Object.extend(gLoggedInfo, {
 771     controlsdeck: null,
 772
 773     updateUI: function() {
 774         if (!this.controlsdeck) {
 775             this.controlsdeck = new Deck("login_controls");
 776         }
 777         if (this.logged) {
 778             this.controlsdeck.setIndex(1);
 779             $$(".logged-hide").invoke('hide');
 780             $$(".logged-show").invoke('show');
 781         } else {
 782             this.controlsdeck.setIndex(0);
 783             $$(".logged-hide").invoke('show');
 784             $$(".logged-show").invoke('hide');
 785         }
 786
 787         if (this.iscreator) {
 788             $("data_controls").show();
 789         } else {
 790             $("data_controls").hide();
 791         }
 792     },
 793
 794     login: function(aIsCreator) {
 795         if (typeof aIsCreator === "boolean") {
 796             this.iscreator = aIsCreator;
 797         }
 798         this.logged = true;
 799         this.updateUI();
 800     }
 801 });
 802
 803 document.observe("dom:loaded", function() {
 804     SYJLogin.init();
 805     SYJUser.init();
 806     SYJView.init();
 807     SYJNewpwd.init();
 808     loginMgr.updateUI();
 809 });