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