source: subversion/applications/editors/potlatch/ui.as @ 6143

Last change on this file since 6143 was 6143, checked in by richard, 12 years ago

autocomplete (not compiled for now) and start of tile support

  • Property svn:executable set to *
File size: 7.8 KB
Line 
1
2        // =====================================================================================
3        // Standard UI
4        // =====================================================================================
5
6        // Checkboxes
7        // UICheckbox.init(x,y,text,state,changefunction)
8
9        UICheckbox=function() {
10        };
11        UICheckbox.prototype=new MovieClip();
12        UICheckbox.prototype.init=function(x,y,prompttext,state,changefunction) {
13                this._x=x;
14                this._y=y;
15                this.state=state;
16                this.doOnChange=changefunction;
17                this.createTextField('prompt',0,13,-5,200,19);
18                this.prompt.text=prompttext;
19                this.prompt.setTextFormat(plainSmall);
20                tw=this.prompt._width=this.prompt.textWidth+5;
21
22                this.createEmptyMovieClip('hitregion',1);
23                with (this.hitregion) {
24                        clear(); beginFill(0,0);
25                        moveTo(0,0); lineTo(tw+15,0);
26                        lineTo(tw+15,15); lineTo(0,15);
27                        endFill();
28                };
29                this.hitregion.onPress=function() {
30                        this._parent.state=!this._parent.state;
31                        this._parent.draw();
32                        this._parent.doOnChange(this._parent.state);
33                };
34
35                this.createEmptyMovieClip('box',2);
36                this.draw();
37        };
38        UICheckbox.prototype.draw=function() {
39                with (this.box) {
40                        clear();
41                        lineStyle(2,0,100);
42                        moveTo(1,0);
43                        lineTo(9,0); lineTo(9,9);
44                        lineTo(0,9); lineTo(0,0);
45                        if (this.state==true) {
46                                lineStyle(2,0,100);
47                                moveTo(1,1); lineTo(8,8);
48                                moveTo(8,1); lineTo(1,8);
49                        }
50                }
51        };
52        Object.registerClass("checkbox",UICheckbox);
53
54        // Pop-up menu
55        // UIMenu.init(x,y,selected option,array of options,tooltip,
56        //                         function to call on close,width)
57       
58        function UIMenu() {
59        };
60        UIMenu.prototype=new MovieClip();
61        UIMenu.prototype.init=function(x,y,selected,options,tooltip,closefunction,menuwidth) {
62                var i,w,h;
63                this._x=x; this._y=y;
64                this.selected=selected; this.original=selected;
65                this.options=options;
66
67                // create (invisible) movieclip for opened menu
68                this.createEmptyMovieClip("opened",2);
69                this.opened._visible=false;
70                // create child for each option
71                this.tw=0;
72                for (i=0; i<options.length; i+=1) {
73                        this.opened.createTextField(i,i+1,3,i*16-1,100,19);
74                        this.opened[i].text=options[i];
75                        this.opened[i].background=true;
76                        this.opened[i].backgroundColor=0x888888;
77                        this.opened[i].setTextFormat(menu_off);
78                        if (this.opened[i].textWidth*1.05>this.tw) { this.tw=this.opened[i].textWidth*1.05; }
79                };
80                for (i=0; i<options.length; i+=1) {
81                        this.opened[i]._width=this.tw;
82                }
83                // create box around menu
84                this.opened.createEmptyMovieClip("box",0);
85                w=this.tw+7;
86                h=options.length*16+5;
87                with (this.opened.box) {
88                        _y=-2;
89                        clear();
90                        beginFill(0x888888,100);
91                        lineTo(w,0); lineTo(w,h);
92                        lineTo(0,h); lineTo(0,0); endFill();
93                };
94
95                // create (visible) movieclip for closed menu
96                if (menuwidth>0) { w=menuwidth; } else { w+=11; }
97                this.createEmptyMovieClip("closed",1);
98                this.closed.createEmptyMovieClip("box",0);
99                with (this.closed.box) {
100                        clear();
101                        beginFill(0x888888,100);
102                        lineTo(w,0 ); lineTo(w,17);
103                        lineTo(0,17); lineTo(0,0 ); endFill();
104                        beginFill(0xFFFFFF,100);
105                        moveTo(w-11,7); lineTo(w-3,7);
106                        lineTo(w-7,13); lineTo(w-11,7); endFill();
107                };
108                this.closed.createTextField("current",2,3,-1,this.tw,19);
109                this.closed.current.text=options[selected];
110                this.closed.current.setTextFormat(menu_off);
111                this.closed.current.background=false;
112//              this.closed.current.backgroundColor=0x888888;
113
114                this.onPress=function() { clearFloater(); this.openMenu(); };
115                this.onRelease=function() { this.closeMenu(); };
116                this.onReleaseOutside=function() { this.closeMenu(); };
117                this.onMouseMove=function() { this.trackMenu(); };
118                this.doOnClose=closefunction;
119                this.opened[this.selected].backgroundColor=0xDDDDDD;
120                this.opened[this.selected].setTextFormat(menu_on);
121
122                if (tooltip!='') {
123                        this.onRollOver=function() { setFloater(tooltip); };
124                        this.onRollOut =function() { clearFloater(); };
125                }
126        };
127        UIMenu.prototype.trackMenu=function() {
128                if (this.opened._visible) {
129                        this.opened[this.selected].backgroundColor=0x888888;
130                        this.opened[this.selected].setTextFormat(menu_off);
131                        this.selected=this.whichSelection();
132                        this.opened[this.selected].backgroundColor=0xDDDDDD;
133                        this.opened[this.selected].setTextFormat(menu_on);
134                }
135        };
136        UIMenu.prototype.openMenu=function() {
137                this.closed._alpha=50;
138                this.opened._visible=true;
139                this.opened._y=-15*this.selected;
140
141                t=new Object(); t.x=0; t.y=this.opened._height;
142                this.opened.localToGlobal(t);
143                while (t.y>uheight) { this.opened._y-=15; t.y-=15; }
144                this.trackMenu();
145        };
146        UIMenu.prototype.closeMenu=function() {
147                if (this.selected>-1) {
148                        this.original=this.selected;
149                        this.closed.current.text=this.options[this.selected];
150                        this.closed._alpha=100;
151                        this.opened._visible=false;
152                        mflash=this; flashcount=2;
153                        mflashid=setInterval(function() { mflash.menuFlash(); }, 40);
154                        this.doOnClose(this.selected);
155                } else {
156                        this.closed.current.text=this.options[this.original];
157                        this.closed.current.setTextFormat(menu_off);
158                        this.closed._alpha=100;
159                        this.opened._visible=false;
160                }
161        };
162        UIMenu.prototype.setValue=function(n) {
163                this.opened[this.selected].backgroundColor=0x888888;
164                this.opened[this.selected].setTextFormat(menu_off);
165                this.selected=n; this.original=n;
166                this.closed.current.text=this.options[this.selected];
167                this.closed.current.setTextFormat(menu_off);
168        };
169        UIMenu.prototype.whichSelection=function() {
170                mpos=new Object();
171                mpos.x=_root._xmouse;
172                mpos.y=_root._ymouse;
173                this.opened.globalToLocal(mpos);
174                if (mpos.x>0 && mpos.x<this.tw && mpos.y>3 && mpos.y<this.options.length*15+3) {
175                        return Math.floor((mpos.y-1)/15);
176                }
177                return -1;
178        };
179        UIMenu.prototype.menuFlash=function() {
180                // ** flashcount and mflashid are globals, and really shouldn't be
181                flashcount-=1; if (flashcount==0) { clearInterval(mflashid); };
182                if (flashcount/2!=Math.floor(flashcount/2)) {
183                        this.closed.current.backgroundColor=0xDDDDDD;
184                        this.closed.current.setTextFormat(menu_on);
185                } else {
186                        this.closed.current.backgroundColor=0x888888;
187                        this.closed.current.setTextFormat(menu_off);
188                }
189                updateAfterEvent();
190        };
191
192        Object.registerClass("menu",UIMenu);
193       
194        // modalDialogue
195
196        function createModalDialogue(w,h,buttons,closefunction) {
197                clearFloater();
198                _root.createEmptyMovieClip("modal",0xFFFFFE);
199                var ox=(uwidth-w)/2; var oy=(uheight-100-h)/2;  // -100 for visual appeal
200
201                // Blank all other areas
202                _root.modal.createEmptyMovieClip("blank",1);
203                with (_root.modal.blank) {
204                        beginFill(0xFFFFFF,0); moveTo(0,0); lineTo(uwidth,0);
205                        lineTo(uwidth,uheight); lineTo(0,uheight); lineTo(0,0); endFill();
206                }
207                _root.modal.blank.onPress=function() {};
208                _root.modal.blank.useHandCursor=false;
209                _root.keytarget='dialogue';
210
211                // Create dialogue box
212                _root.modal.createEmptyMovieClip("box",2);
213                with (_root.modal.box) {
214                        _x=ox; _y=oy;
215                        beginFill(0xBBBBBB,100);
216                        moveTo(0,0);
217                        lineTo(w,0); lineTo(w,h);
218                        lineTo(0,h); lineTo(0,0); endFill();
219                }
220
221                // Create buttons
222                for (var i=0; i<buttons.length; i+=1) {
223                        _root.modal.box.createEmptyMovieClip(i,i*2+1);
224                        drawButton(_root.modal.box[i],w-60*(buttons.length-i),h-30,buttons[i],"");
225                        _root.modal.box[i].onPress=function() {
226                                if (closefunction) { closefunction(buttons[this._name]); }
227                                clearModalDialogue();
228                        };
229                        _root.modal.box[i].useHandCursor=true;
230                }
231        }
232
233        function clearModalDialogue() {
234                _root.keytarget='';
235                _root.createEmptyMovieClip("modal",0xFFFFFE);
236        }
237
238
239        // drawButton           - draw white-on-grey button
240        // (object,x,y,button text, text to right)
241
242        function drawButton(buttonobject,x,y,btext,ltext) {
243                with (buttonobject) {
244                        _x=x; _y=y;
245                        beginFill(0x7F7F7F,100);
246                        moveTo(0,0);
247                        lineTo(50,0); lineTo(50,17);
248                        lineTo(0,17); lineTo(0,0); endFill();
249                }
250                buttonobject.useHandCursor=true;
251                buttonobject.createTextField('btext',1,0,-1,48,20);
252                with (buttonobject.btext) {
253                        text=btext; setTextFormat(boldWhite);
254                        selectable=false; type='dynamic';
255                        _x=(45-textWidth)/2;
256                }
257                if (ltext!="") {
258                        buttonobject.createTextField("explain",2,54,-1,300,20);
259                        writeText(buttonobject.explain,ltext);
260                }
261        }
Note: See TracBrowser for help on using the repository browser.