1 files changed, 288 insertions, 0 deletions

diff --git a/docroot/classes/sketchbook.class.js b/docroot/classes/sketchbook.class.js
new file mode 100755
index 0000000..d62101e
--- /dev/null
+++ b/docroot/classes/sketchbook.class.js
@@ -0,0 +1,288 @@
+/*
+ * Material Experience - Sketchbook Class
+ * 
+ * EYEMG - Interactive Media Group
+ * Created by Mike Crute (mcrute@eyemg.com)
+ * Updated by Mike Crute (mcrute@eyemg.com) on 9/26/07
+ */
+
+var Sketchbook = Class.create();
+
+Object.extend(Sketchbook.prototype, 
+{
+        /*
+         * Initializes a new sketchbook and table.
+         */
+        initialize: function() 
+        {
+                // Sketchbook chip data store
+                this.dataStore = [];
+        
+                this.table = new CardTable(
+                {
+                        color: SME.colors.grey, 
+                        name:  Strings.sketchbook,
+                        id:    'sketchbook',
+
+                        onRender: function(table)
+                        {
+                                table.table.appendChild(Builder.node('img', 
+                                { 
+                                        id:  'sbTrash', 
+                                        src: 'images/trash_can.jpg'
+                                }));
+                                
+                                Droppables.add($('sbTrash'), 
+                                { 
+                                        accept: 'chip',
+                                        
+                                        onDrop: function(chip) 
+                                        {
+                                                this.removeChip(chip);
+                                        }.bind(this)
+                                });
+                        }.bind(this)
+                });
+                
+                this.hide();
+                
+                if (Sketchbook.loggedIn)
+                {
+                        this.loadData();
+                }
+        
+                // Be sure to save everything when the window closes
+                Event.observe(window, 'unload', this.saveData.bindAsEventListener(this));
+        },
+        
+        /*
+         * Loads sketchbook data from the server and calls a function to merge
+         * that data into the currently loaded sketchbook.
+         */
+        loadData: function() 
+        {
+                new Ajax.Request(SME.url.sketchBookIN,
+                {
+                        method: 'get',
+                        
+                        onSuccess: function(transport) 
+                        {
+                                this.dataStore = transport.responseText.cleanJSON().evalJSON(); 
+                                this._mergeSketchbooks();
+                        }.bind(this)
+                });
+        },
+        
+        /*
+         * Merges the currently active (presumably guest) sketchbook with the 
+         * data loaded from the server. Prevents the user from losing data when
+         * they login after adding chips to a guest sketchbook.
+         */
+        _mergeSketchbooks: function()
+        {
+                this.dataStore.each(function(chip)
+                {
+                        if (!this.table.hasChip(chip.cid)) 
+                        {
+                                this.table.addChip(chip, { animate: false });
+                        }
+                }.bind(this));
+        },
+        
+        /*
+         * Add a chip to the sketchbook. This function does duplicate detection
+         * using methods provided by the CardTable class to avoid adding a chip 
+         * more than once. The function also updates the sketchbook's data
+         * store.
+         */
+        addChip: function(contID) 
+        {       
+                if (this.table.hasChip(contID))
+                {
+                        new Bezel().show(Strings.alreadyAddedSB);
+                        return;
+                }
+        
+                new Ajax.Request(SME.url.chipResolver.evaluate({card: contID}), 
+                { 
+                        method: 'get',
+                        
+                        onSuccess: function(transport) 
+                        {
+                                var data     = transport.responseText.cleanJSON().evalJSON();
+                                var windSize = window.getDimensions();
+
+                                this.table.addChip(data,
+                                {
+                                        x: Math.floor(1 + (windSize.width - 1) * Math.random()),
+                                        y: Math.floor(1 + ((windSize.height - 120) - 1) * Math.random()),
+                                        animate: false
+                                });
+
+                                // Per BS: Would like different messages if logged in or not
+                                if (Sketchbook.loggedIn) 
+                                {
+                                        new Bezel().show(Strings.addedSketchbook); 
+                                } 
+                                else 
+                                {
+                                        new Bezel({ fadeTime: 5 }).show(Strings.addedGuestSB);
+                                }
+                                
+                                this.saveData();
+                        }.bind(this)
+                });
+        },
+        
+        /*
+         * Remove a chip from the table by DOM node.
+         */
+        removeChip: function(chip) 
+        {
+                this.table.removeChip(chip.classLink.options.contID);
+                this.saveData();
+        },
+        
+        /*
+         * Serialize the datastore and post it back to the server for safe 
+         * keeping.
+         */
+        saveData: function() 
+        {       
+                new Ajax.Request(SME.url.sketchBook, 
+                {
+                        method: 'post',
+                        asynchronous: false,
+                        parameters: { 'sketchbook_data': this.table.getChipData().toJSON() }
+                });
+        },
+        
+        /*
+         * Show the sketchbook table or if not logged in show a login screen.
+         */
+        show: function() 
+        {
+                if (!Sketchbook.loggedIn) 
+                {
+                        Sketchbook.showLoginScreen();
+                } 
+                else 
+                {
+                        this.table.show();
+                }
+        },
+        
+        /*
+         * Hide the sketchbook table.
+         */
+        hide: function() 
+        {
+                this.table.hide();
+        }
+});
+
+Object.extend(Sketchbook, 
+{
+        // Flag to determine if the user is logged in or not.
+        loggedIn: false,
+        
+        // Username of the logged in user.
+        username: null,
+
+        // Show the login screen in a special case card.
+        showLoginScreen: function() 
+        {
+                var t = new Card(
+                { 
+                        color:           SME.colors.grey, 
+                        title:           Strings.pleaseLogin,
+                        addExtraButtons: false,
+                        
+                        onClose: function() 
+                        {
+                                Sketchbook.checkLogin();
+                        }
+                });
+                
+                t.setLayout(Card.Layout.Special, { url: SME.url.loginScreen });
+                t.show();
+        },
+        
+        /*
+         * Once the user has successfully logged in do some actions to setup
+         * the user interface.
+         */
+        doLoggedIn: function() 
+        {
+                // Assume that if your calling this function the login succeeded
+                Sketchbook.loggedIn = true;
+                
+                $$('div.history')[0].innerHTML = 'Hello ' + Sketchbook.username + '! | ' +
+                '<a href="http://santoprene.com/cgi-bin/protected/register/logout_designer.pl">' + Strings.logout + '</a> | ' +
+                '<a href="#" class="manage">' + Strings.manageAccount + '</a> | ' +
+                '<a href="#" class="history">' + Strings.myHistory + '</a>';
+                
+                // On mouseover of the history link show the dropdown.
+                // We need to re-attach it here because we're changing the 
+                // links (above) and that causes the DOM to lose the original 
+                // event.
+                $$('div.history a.history')[0].observe('mouseover', function() 
+                {
+                        SME.history.getDropDown();
+                });
+                
+                $$('a.manage')[0].observe('click', function(event) 
+                {
+                        var t = new Card(
+                        { 
+                                color: SME.colors.grey, 
+                                addExtraButtons: false, 
+                                title: Strings.manageAccount 
+                        });
+                
+                        t.setLayout(Card.Layout.Special, { url: SME.url.manageAccount });
+                        t.show();
+                        
+                        Event.stop(event);
+                });
+        },
+        
+        /*
+         * Check that the user actually logged in.
+         */
+        checkLogin: function() 
+        {
+                // If the site cookie doesn't exist no point even going on
+                if (!$C('Site'))
+                {
+                        return;
+                }
+        
+                /*
+                 * Site cookie is in a weird format, basically sub-cookies are
+                 * separated by & signs. The username and password of the 
+                 * currently logged in user is store as username:password in 
+                 * the sub-cookie called cookie. Oh yeah and the 
+                 * username/password pair is base64 encoded.
+                 */
+                var username = decodeBase64($C('Site').split('Cookie&')[1]).split(':')[0];
+                Sketchbook.username = username;
+                
+                /*
+                 * Per Andy: the username and password won't be in the cookie 
+                 * (even though the cookie itself is set) if the login failed. 
+                 * So lets assume that if we find a username in the appropriate 
+                 * place in the cookie we can go ahead and log the user in.
+                 */
+                if (username) 
+                {
+                        Sketchbook.loggedIn = true;
+                        Sketchbook.doLoggedIn();
+                        return true;
+                } 
+                else 
+                {
+                        return false;
+                }
+        }
+});
\ No newline at end of file