[Mono-list] HTML Mockup for Class Lib Todo's

Nick Drochak ndrochak@gol.com
Mon, 11 Feb 2002 01:07:06 +0900


This is a multi-part message in MIME format.

------=_NextPart_000_0052_01C1B298.817CD6E0
Content-Type: text/plain;
	charset="us-ascii"
Content-Transfer-Encoding: 7bit

All,

As most of you probably know, our class status page needs some work.
Right now all the missing classes are just shown on the page in a big
list.  We need to provide a better display of that information, so I've
come up with some simple HTML that I'd like to get comments on (see
attachment).  It has just some dummy data in it, which will be filled in
for the real classes by some utility. I'm thinking of a tool (or set of
tools) that would produce XML of the missing and to-do class data, and
then use XSLT to make the HTML pages.

The attached HTML shows one example class. It lists all the completely
missing methods and properties, and all ones marked with [MonoTODO].
This would be a typical class that is "in-progress". (Still need to
think of how to represent a totally missing class)

So what I imagine is that on the main "class status" page, there will be
a list of assemblies, each a link, along with some measure of "%
complete".  Clicking the link would drill down into namespaces for that
assembly, then classes for that namespace; all showing "% complete".  I
am not sure if we need each of these lists on it's own page, because
that would entail a lot of clicking to see a class's details. Anyway,
clicking on a class name would bring up the details such as my mockup
has.

Comments and suggestions would be appreciated.

(Duncan, how far along are you with your ToDo generator?)

Regards,
Nick D.


------=_NextPart_000_0052_01C1B298.817CD6E0
Content-Type: text/html;
	name="todo_mockup.html"
Content-Transfer-Encoding: quoted-printable
Content-Disposition: attachment;
	filename="todo_mockup.html"

<html>
<head>
<title>Class Status / Mono</title>
<style type=3D"text/css">
<!--
   body { font-family: "trebuchet ms", lucida, verdana, helvetica;=20
          background-image: url('bgsquares.gif');=20
          background-attachment: fixed }
   body, td, table { font-family: "trebuchet ms", lucida, verdana, =
helvetica;=20
                     font-size: 12px; }

	.navi { font-size: 14px; background: #444444; }
	.subnavi { font-size: 12px; }
        .footnote { font-size: 10px; color: #aaaaaa; }

	a.navi { color: #ffffff; text-decoration: none; font-weight: bold; }
	a.navi:visited { color: #cccccc; }
	a.navi:hover { color: #ee9900; text-decoration: underline; }

	a.subnavi { color: #ffffff; text-decoration: none; font-weight: bold; }
	a.subnavi:visited { color: #cccccc; }
	a.subnavi:hover { color: #ee9900; text-decoration: underline; }

// -->
</style>
</head>
<body bgcolor=3D"#555555" text=3D"#000000">

<table cellpadding=3D"0" cellspacing=3D"0" border=3D"0" width=3D"100%">
    <tr>
        <td><img src=3D"pixel.gif" width=3D"1" height=3D"1"></td><!-- =
left border -->
        <td colspan=3D"4">
           <a href=3D"http://www.go-mono.com">
           <img src=3D"mono.gif" border=3D"0" width=3D"401" =
height=3D"80"></a></td>
        <td><img src=3D"pixel.gif" width=3D"1" height=3D"1"></td><!-- =
right border -->
    </tr>
    <tr>
        <td><img src=3D"pixel.gif" width=3D"1" height=3D"1"></td>
        <td colspan=3D"3" bgcolor=3D"black"><img src=3D"pixel.gif" =
height=3D"2"></td>
        <td bgcolor=3D"black"><img src=3D"pixel.gif" width=3D"1" =
height=3D"1"></td>
	     <td><img src=3D"pixel.gif" width=3D"1" height=3D"1"></td>
    </tr>
    <tr>
        <td width=3D"100"><img src=3D"pixel.gif" width=3D"1" =
height=3D"1"></td>
        <td valign=3D"top">
            <table cellpadding=3D"2" valign=3D"top" cellspacing=3D"0" =
border=3D"0">
                		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"index.html">Home</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"faq.html">FAQ</A></td></tr>

		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"rationale.html">Mono</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"runtime.html">Runtime</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"class-library.html">Classes</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"http://gtk-sharp.sourceforge.net">Gtk#</A></td><=
/tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"class-status.html">Class Status</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"c-sharp.html">C# Compiler</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"status.html">Status</A></td></tr>

		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"download.html">Download</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"ccvs.html">CVS access</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"anoncvs.html">AnonCVS access</A></td></tr>

		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"contributing.html">Contributing</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"documentation.html">Documentation</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"classlib-doc.html">Class Docs</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"testing.html">Test Suite</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"tools.html">Tools</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"porting.html">Porting</A></td></tr>

		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"resources.html">Resources</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"ideas.html">Ideas</A></td></tr>

		<tr><td valign=3D"top" class=3D"subnavi">&nbsp;&nbsp;&nbsp<a =
class=3D"subnavi"HREF=3D"passport.html">Passport</A></td></tr>

		<tr><td valign=3D"top" class=3D"navi"><a =
class=3D"navi"HREF=3D"contact.html">Contact</A></td></tr>


            </table>
	     </td>
        <td bgcolor=3D"black" width=3D"1"><img src=3D"pixel.gif" =
width=3D"1" height=3D"1"></td>
        <td bgcolor=3D"white" align=3D"left" width=3D"80%" =
valign=3D"top">
            <table cellpadding=3D"16">
              <tr><td>
<table border=3D"0" cellspacing=3D"0" style=3D"border-collapse: =
collapse" bordercolor=3D"#111111" width=3D"100%" id=3D"AutoNumber1" =
cellpadding=3D"3" height=3D"58">
  <tr>
    <td width=3D"100%" colspan=3D"4" bgcolor=3D"#C0C0C0" =
height=3D"20"><font size=3D"4">&nbsp;System.Array</font></td>
  </tr>
  <tr>
    <td width=3D"50%" height=3D"20">&nbsp;</td>
    <td width=3D"16%" align=3D"center" style=3D"border-left-style: =
solid; border-left-width: 1; border-top-style: solid; border-top-width: =
1; border-bottom-style: solid; border-bottom-width: 1" =
bordercolor=3D"#C0C0C0" height=3D"21">
    <b><font color=3D"#FF0000">Missing: 6</font></b></td>
    <td width=3D"17%" align=3D"center" style=3D"border-top-style: solid; =
border-top-width: 1; border-bottom-style: solid; border-bottom-width: 1" =
bordercolor=3D"#C0C0C0" height=3D"21">
    <b><font color=3D"#FF0000">To Do: 9</font></b></td>
    <td width=3D"17%" align=3D"center" style=3D"border-right-style: =
solid; border-right-width: 1; border-top-style: solid; border-top-width: =
1; border-bottom-style: solid; border-bottom-width: 1" =
bordercolor=3D"#C0C0C0" height=3D"21">
    <b>45% Complete</b></td>
  </tr>
  <tr>
    <td width=3D"102%" colspan=3D"4" height=3D"19">&nbsp;</td>
  </tr>
</table>
<table border=3D"0" cellpadding=3D"0" cellspacing=3D"3" =
style=3D"border-collapse: collapse" bordercolor=3D"#111111" =
width=3D"100%" id=3D"AutoNumber2" height=3D"191">
  <tr>
    <td width=3D"100%" colspan=3D"2" =
height=3D"19"><b>Properties</b></td>
  </tr>
  <tr>
    <td width=3D"1%" height=3D"53">&nbsp;</td>
    <td width=3D"154%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0" height=3D"53">
    <table border=3D"1" cellpadding=3D"3" cellspacing=3D"0" =
style=3D"border-collapse: collapse" bordercolor=3D"#C0C0C0" =
width=3D"100%" id=3D"AutoNumber3">
      <tr>
        <td width=3D"4%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0" align=3D"center">
        +</td>
        <td width=3D"33%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        SomeProperty</td>
        <td width=3D"70%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        This is the text in the MonoTODO attribute</td>
      </tr>
      <tr>
        <td width=3D"4%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0" align=3D"center">
        ?</td>
        <td width=3D"33%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        SomeOtherProperty</td>
        <td width=3D"70%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">&nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width=3D"100%" colspan=3D"2" height=3D"10"></td>
  </tr>
  <tr>
    <td width=3D"100%" colspan=3D"2" height=3D"19"><b>Methods</b></td>
  </tr>
  <tr>
    <td width=3D"1%" height=3D"53">&nbsp;</td>
    <td width=3D"144%" height=3D"53">
    <table border=3D"1" cellpadding=3D"3" cellspacing=3D"0" =
style=3D"border-collapse: collapse" bordercolor=3D"#C0C0C0" =
width=3D"100%" id=3D"AutoNumber3">
      <tr>
        <td width=3D"4%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0" align=3D"center">
        ?</td>
        <td width=3D"33%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        FunctionSomething</td>
        <td width=3D"70%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        &nbsp;</td>
      </tr>
      <tr>
        <td width=3D"4%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0" align=3D"center">
        +</td>
        <td width=3D"33%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">
        AnotherMethod</td>
        <td width=3D"70%" style=3D"border-left-color: #C0C0C0; =
border-top-color: #C0C0C0" bordercolorlight=3D"#C0C0C0" =
bordercolordark=3D"#C0C0C0">This is the text in the MonoTODO =
attribute</td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width=3D"100%" colspan=3D"2" height=3D"19">&nbsp;</td>
  </tr>
  <tr>
    <td width=3D"100%" colspan=3D"2" height=3D"19"><b>See Also</b></td>
  </tr>
  <tr>
    <td width=3D"3%" height=3D"19">&nbsp;</td>
    <td width=3D"97%" height=3D"19"><a href=3D"index.htm">System =
Namespace</a> |
    <a href=3D"index.htm">Corlib Assembly</a></td>
  </tr>
</table>
	           </td></tr>
            </table>
	</td>
        <td bgcolor=3D"black"><img src=3D"pixel.gif" width=3D"1" =
height=3D"1"></td>
        <td width=3D"100"><img src=3D"pixel.gif" width=3D"1" =
height=3D"1"></td>
    </tr>
    <tr>
        <td colspan=3D"2">
            <img src=3D"pixel.gif" width=3D"1" height=3D"1"></td>
        <td colspan=3D"2" bgcolor=3D"black"><img src=3D"pixel.gif" =
width=3D"1" height=3D"1"></td>
        <td bgcolor=3D"black"><img src=3D"pixel.gif" width=3D"1" =
height=3D"1"></td>
        <td><img src=3D"pixel.gif" width=3D"1" height=3D"1"></td>
    </tr>

    <td colspan=3D"2"></td>
    <td colspan=3D"2" align=3D"center">
	<a class=3D"footnote" href=3D"mailto: =
webmaster@go-mono.com">webmaster@go-mono.com</a>
    </td>
    <td colspan=3D"2"></td>
    </tr>
</tr>
</table>

</body>
</html>
------=_NextPart_000_0052_01C1B298.817CD6E0--