TB GUI progress report

Started by burper, May 22, 2004, 02:23:54 PM

Previous topic - Next topic

burper

So I've defined this subset of functionality as a goal, which includes everything on the first 2 tabs (well, and the log tab).

Included: listing global moderators, listing active/open tournies, listing global bans, "load" parameters of a tourney from the list (number, title, description, limits, matchlens, type, banned list, mod list), edit any of those, create tourney, open tourney, start tourney.

Not included: brackets, tourney templates, user-defined commands.

I have finished the design and coding of this first goal and am in the process of debugging it. What works so far is the listing of tourneys and global moderators. Every time I have a few minutes to sit down and work on this, I get a little further. In addition, the proxy has become pretty stable. I hate giving time estimates on spare time projects, but I hope to have an alpha available for this first goal thing in a week or two.

Not real exciting without the brackets, but I am already thinking about that part now and have a plan/design in place to move forward with. For those who know java, I am hoping some experiments with JTable will prove to me that I can do everything I want, which is to make the brackets look somewhat like what is shown in that other thread with the HTML table brackets:
[dohtml]
<table border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                     <tr>
                 <td height="20" width="78" bgcolor="#ccbbff"
align="center" valign="bottom">name 1  </td>
                      <td valign="top" height="20" width="20"
rowspan="2" colspan="1" bgcolor="#ccddff"><img
src="http://www.fibsboard.com/chouettebot/images/top3.png">
             

                     </td>
                     <td valign="top" bgcolor="#ccffff" height="20"
width="78" rowspan="2" colspan="1">

             

              </td>
                            </tr>
                  <tr>
                <td height="20" width="78" bgcolor="#ccbbff"><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
                 

                    </td>
                           </tr>
                  <tr>
                    <td height="40" width="78" bgcolor="#ccbbff"
rowspan="2" colspan="1"><img
src="http://www.fibsboard.com/chouettebot/images/bbdd.png">
                          </td>
                    <td valign="top" bgcolor="#ccddff"><img
src="http://www.fibsboard.com/chouettebot/images/middle3.png">
         

                    </td>
              <td valign="top" bgcolor="#ccffff" height="20" width="78" align="center" valign="bottom">&nbsp;name
   3

              </td>
                  </tr>
                  <tr>
                               <td height="20" width="20"
bgcolor="#ccddff"><img
src="http://www.fibsboard.com/chouettebot/images/middle3.png">
         

                    </td>
              <td valign="top" bgcolor="#ccffff" height="20" width="78"><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
             

              </td>
                  </tr>
                  <tr>
                <td height="20" width="78" bgcolor="#ccbbff" align="center" valign="bottom">name 2   </td>
                    <td height="20" width="20" rowspan="2" colspan="1"
bgcolor="#ccddff"><img
src="http://www.fibsboard.com/chouettebot/images/bottom2.png">
               

                    </td>
              <td valign="top" bgcolor="#ccffff" height="20" width="78"
rowspan="2" colspan="1">

             

              </td>
                  </tr>
                  <tr>
                <td height="20" width="78" bgcolor="#ccbbff"><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
               

                    </td>
                           </tr>
                                                                       
 </tbody>                  
</table>
[/dohtml]

In addition, there would be count-up timers next to each name that has not started their match yet, and perhaps next to each match that has started. Also, you would be able to "select" a player and/or a match. Some of the default commands will work on the selected player/match (watch, ban, tell something etc...)

It's the brackets thing that will be most valuable to TD's in the end. I don't know how much value there will be to regular players, but we'll see. When I am in a tourney, I like to see the brackets, so I would run it just for that. Oh yeah, the brackets should have the ratings shown for each player too.

I know I've been talking about this for a long time, but it's a labor of love. I still have to rush it when I have any time at all, so there is some butt ugly code in there I am not very proud of, and I am sad that the gui has become so complicated. I really tried to keep it simple, but feature creep happens. Oh well.

Is it worth making a release at this point just for people to play with the improved companion and repalert, and be able to popup the TB GUI from the menu and see it, even if it doesnt do very much? It's not much different looking than the last time I released it.

ok, in the time I typed this, I could have fixed another bug, back to work...

burper

#1
Soliciting artistic help here. If you want to help define how the brackets will look, take a look at the following, and using any tools you want, work on a design. The rules are, that there has to be a solid color "behind" each name (where the blue and purple are shown below), but can be any color you want. The lines and other blank spots can be filled in with anything you want, but remember that the pattern repeats (imagine a bracket tourney with 24 entries, some are byes). You can also draw in little text timers next to the names, of the form "02:30", or perhaps seconds don't matter and we should save space by having just "2m" for 2 minutes? Maybe the names text should be blue and underlined to indicate that they can be selected?

[dohtml]
<table border="0" cellspacing="0" cellpadding="0">
                  <tbody>
                     <tr>

                 <td height="20" width="78" bgcolor="#ccbbff"
align="center" valign="bottom">name 1  </td>

                      <td valign="top" height="20" width="20"
rowspan="2" colspan="1"><img
src="http://www.fibsboard.com/chouettebot/images/top3.png">
             

                     </td>

                     <td valign="top" height="20"
width="78" rowspan="2" colspan="1">

             

              </td>

                            </tr>
                  <tr>

                <td height="20" width="78" ><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
                 

                    </td>

                           </tr>
                  <tr>

                    <td height="40" width="78" rowspan="2" colspan="1">
                          </td>

                    <td valign="top"><img
src="http://www.fibsboard.com/chouettebot/images/middle3.png">
         

                    </td>

              <td valign="top" bgcolor="#ccffff" height="20" width="78" align="center" valign="bottom">&nbsp;name
   3

              </td>

                  </tr>
                  <tr>

                               <td height="20" width="20"><img
src="http://www.fibsboard.com/chouettebot/images/middle3.png">
         

                    </td>

              <td valign="top"  height="20" width="78"><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
             

              </td>

                  </tr>
                  <tr>

                <td height="20" width="78" bgcolor="#ccbbff" align="center" valign="bottom">name 2   </td>

                    <td height="20" width="20" rowspan="2" colspan="1"><img
src="http://www.fibsboard.com/chouettebot/images/bottom2.png">
               

                    </td>

              <td valign="top"  height="20" width="78"
rowspan="2" colspan="1">

             

              </td>

                  </tr>
                  <tr>

                <td height="20" width="78"><img
src="http://www.fibsboard.com/chouettebot/images/winner.png">
               

                    </td>

                           </tr>
                                                                       
 </tbody>                  
</table>
[/dohtml]