Free cookie consent management tool by TermsFeed Policy Generator

Ignore:
Timestamp:
05/27/11 13:12:25 (13 years ago)
Author:
dkahn
Message:

#1198 Ongoing styling

Location:
branches/WebApplication/MVC2
Files:
10 edited

Legend:

Unmodified
Added
Removed

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/Algorithm/Detail.aspx

    r6290 r6304  
    2323        Algorithm p = ((AlgorithmModel)Model).Algorithm;
    2424    %>
    25     <table border="1">
     25
     26            <div class="hl-menuButtons">                 
     27        <%: Html.ActionLink("Back to Index", "Index", null, new { @class = "hl-button-text-back" })%>
     28        </div>
     29
     30    <table class="hl-table">
    2631        <tr>
    27             <td>
     32            <th>
    2833                Id:
    29             </td>
     34            </th>
    3035            <td>
    3136                <%: Html.Label(p.Id.ToString())%>
    … …  
    3439        </tr>
    3540        <tr>
    36             <td>
     41            <th>
    3742                Name:
    38             </td>
     43            </th>
    3944            <td>
    4045                <%: Html.TextBox("AlgorithmName", p.Name, p.Name)%>
    … …  
    4247        </tr>
    4348        <tr>
    44             <td>
     49            <th>
    4550                Description:
    46             </td>
     51            </th>
    4752            <td>
    4853                <%: Html.TextBox("AlgorithmDescription", p.Description, p.Description)%>
    … …  
    5055        </tr>
    5156        <tr>
    52             <td>
     57            <th>
    5358                DataTypeName:
    54             </td>
     59            </th>
    5560            <td>
    5661                <%: Html.TextBox("AlgorithmDataTypeName", p.DataTypeName, p.DataTypeName)%>
    … …  
    5863        </tr>
    5964        <tr>
    60             <td>
     65            <th>
    6166                Algorith Class:
    62             </td>
     67            </th>
    6368            <td>
    6469                <select name="AlgorithmClassId">
    … …  
    7479        </tr>
    7580        <tr>
    76             <td>
     81            <th>
    7782                Platform:
    78             </td>
     83            </th>
    7984            <td>
    8085                <select name="PlatformId">
    … …  
    9095        </tr>
    9196        <tr>
    92             <td>
     97            <th>
    9398                Action:
    94             </td>
     99            </th>
    95100            <td>
    96101                <input type="submit" value="save" />
    … …  
    104109    {%><br />
    105110        <% Algorithm p = ((AlgorithmModel)Model).Algorithm; %>       
    106         <table border="1">
     111        <table class="hl-table">
    107112            <tr>
    108                 <td>
     113                <th>
    109114                    File:
    110                 </td>
     115                </th>
    111116                <td>
    112117                    <%: Html.Hidden("AlgorithmId", p.Id.ToString(), p.Id.ToString())%>
    … …  
    115120            </tr>
    116121            <tr>
    117                 <td>
     122                <th>
    118123                    Action:
    119                 </td>
     124                </th>
    120125                <td>
    121126                    <input type="submit" value="Upload file" />
    122127                </td>
    123128            </tr>
    124         </table>                              
    125         <%: Html.ActionLink("back to Index","Index") %>
     129        </table>
     130
    126131        <% } %>
    127132       

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/Algorithm/Index.aspx

    r6290 r6304  
    2222        <th>Description</th>
    2323        <th>Type</th>
    24         <th colspan="2">Actions</th>
     24        <th>Actions</th>
    2525      </tr>
    2626    </thead>
    … …  
    3838          <%: Html.Label(p.DataTypeName)%>
    3939        </td>
    40         <td>
    41           <%: Html.ActionLink("detail", "Detail", new { p.Id }, new { @class = "hl-icon-edit" })%>
    42         </td>
    43         <td>
    44           <%: Html.ActionLink("delete", "Delete", new { p.Id }, new { @class = "hl-icon-delete" })%>
    45         </td>
     40                <td class="hl-iconcell">
     41                    <%: Html.ActionLink("detail", "Detail", new { p.Id }, new { @class = "hl-icon-edit" })%>
     42                    <%: Html.ActionLink("delete", "Delete", new { p.Id }, new { @class = "hl-icon-delete" })%>
     43                </td>
    4644      </tr>
    4745      <% } %>

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/AlgorithmClass/Detail.aspx

    r6290 r6304  
    1313    <% { %>
    1414    <h2>Detail</h2>
    15 
     15            <div class="hl-menuButtons">                 
     16        <%: Html.ActionLink("Back to Index", "Index", null, new { @class = "hl-button-text-back" })%>
     17        </div>
    1618    <% AlgorithmClass ac = ((AlgorithmClassModel)Model).AlgorithmClass; %>
    17     <table border="1">
     19    <table class="hl-table">
    1820        <tr>
    19             <td>
     21            <th>
    2022                Id:
    21             </td>
     23            </th>
    2224            <td>
    2325                <%: Html.Label(ac.Id.ToString())%>
    … …  
    2628        </tr>
    2729        <tr>
    28             <td>
     30            <th>
    2931                Name:
    30             </td>
     32            </th>
    3133            <td>
    3234                <%: Html.TextBox("AlgorithmClassName", ac.Name, ac.Name)%>
    … …  
    3436        </tr>
    3537        <tr>
    36             <td>
     38            <th>
    3739                Description:
    38             </td>
     40            </th>
    3941            <td>
    4042                <%: Html.TextBox("AlgorithmClassDescription", ac.Description, ac.Description)%>
    … …  
    4244        </tr>
    4345        <tr>
    44             <td>
     46            <th>
    4547                Action:
    46             </td>
     48            </th>
    4749            <td>
    4850                <input type="submit" value="save" />
    … …  
    5052        </tr>
    5153    </table>
    52     <%: Html.ActionLink("back to Index","Index") %>
     54   
    5355    <% } %>
    5456</asp:Content>

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/AlgorithmClass/Index.aspx

    r6290 r6304  
    1515
    1616<%  long? id = null;  %>
    17     <%: Html.ActionLink("New AlgorithmClass", "Detail", new {id}) %>
    18     <%: Html.ActionLink("Order ASC", "SortAsc")%>
    19     <%: Html.ActionLink("Order DESC", "SortDesc")%>
     17<div class="hl-menuButtons">
     18    <%: Html.ActionLink("New AlgorithmClass", "Detail", new { id }, new { @class = "hl-button-text-plus" })%>
     19</div>
    2020
    21     <div style="height:150px; overflow:scroll;">
    22         <table>
     21
     22        <table class="hl-dataTable">
     23        <thead>
     24        <tr>
     25        <th>Name</th>
     26        <th>Description</th>
     27        <th>Actions</th>
     28        </tr>
     29        </thead>
     30        <tbody>
    2331            <!--// We get this from the Controller (Index)-->
    2432            <% foreach (AlgorithmClass p in ((AlgorithmClassModel)Model).AlgorithmClasses) {  %>
    … …  
    3038                    <%: Html.Label(p.Description) %>
    3139                </td>
    32                 <td>
    33                     <%: Html.ActionLink("detail", "Detail", new { p.Id })%>
    34                 </td>
    35                 <td>
    36                     <%: Html.ActionLink("delete", "Delete",new {p.Id}) %>
     40                <td class="hl-iconcell">
     41                    <%: Html.ActionLink("detail", "Detail", new { p.Id }, new { @class = "hl-icon-edit" })%>
     42                    <%: Html.ActionLink("delete", "Delete", new { p.Id }, new { @class = "hl-icon-delete" })%>
    3743                </td>
    3844            </tr>
    3945            <% } %>
     46            </tbody>
    4047        </table>
    41     </div>       
     48 
    4249</asp:Content>

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/Problem/Detail.aspx

    r6290 r6304  
    2323        Problem p = ((ProblemModel)Model).Problem;
    2424    %>
    25     <table border="1">
     25            <div class="hl-menuButtons">                 
     26        <%: Html.ActionLink("Back to Index", "Index", null, new { @class = "hl-button-text-back" })%>
     27        </div>
     28    <table class="hl-table">
    2629        <tr>
    27             <td>
     30            <th>
    2831                Id:
    29             </td>
     32            </th>
    3033            <td>
    3134                <%: Html.Label(p.Id.ToString())%>
    … …  
    3437        </tr>
    3538        <tr>
    36             <td>
     39            <th>
    3740                Name:
    38             </td>
     41            </th>
    3942            <td>
    4043                <%: Html.TextBox("ProblemName", p.Name, p.Name)%>
    … …  
    4245        </tr>
    4346        <tr>
    44             <td>
     47            <th>
    4548                Description:
    46             </td>
     49            </th>
    4750            <td>
    4851                <%: Html.TextBox("ProblemDescription", p.Description, p.Description)%>
    … …  
    5053        </tr>
    5154        <tr>
    52             <td>
     55            <th>
    5356                DataTypeName:
    54             </td>
     57            </th>
    5558            <td>
    5659                <%: Html.TextBox("ProblemDataTypeName", p.DataTypeName, p.DataTypeName)%>
    … …  
    5861        </tr>
    5962        <tr>
    60             <td>
     63            <th>
    6164                Problem Class:
    62             </td>
     65            </th>
    6366            <td>
    6467                <select name="ProblemClassId">
    … …  
    7477        </tr>
    7578        <tr>
    76             <td>
     79            <th>
    7780                Platform:
    78             </td>
     81            </th>
    7982            <td>
    8083                <select name="PlatformId">
    … …  
    9093        </tr>
    9194        <tr>
    92             <td>
     95            <th>
    9396                Action:
    94             </td>
     97            </th>
    9598            <td>
    9699                <input type="submit" value="save" />
    … …  
    104107    {%><br />
    105108        <% Problem p = ((ProblemModel)Model).Problem; %>       
    106         <table border="1">
     109        <table class="hl-table">
    107110            <tr>
    108                 <td>
     111                <th>
    109112                    File:
    110                 </td>
     113                </th>
    111114                <td>
    112115                    <%: Html.Hidden("ProblemId", p.Id.ToString(), p.Id.ToString()) %>
    … …  
    115118            </tr>
    116119            <tr>
    117                 <td>
     120                <th>
    118121                    Action:
    119                 </td>
     122                </th>
    120123                <td>
    121124                    <input type="submit" value="Upload file" />
    … …  
    123126            </tr>
    124127        </table>                             
    125         <%: Html.ActionLink("back to Index","Index") %>
    126128        <% } %>
    127129       

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/Problem/Index.aspx

    r6290 r6304  
    1515   
    1616    <%  long? id = null;  %>
    17     <%: Html.ActionLink("New Problem", "Detail", new {id}) %>
    18     <%: Html.ActionLink("Order ASC", "SortAsc")%>
    19     <%: Html.ActionLink("Order DESC", "SortDesc")%>
     17    <div class="hl-menuButtons">
     18    <%: Html.ActionLink("New Problem", "Detail", new { id }, new { @class = "hl-button-text-plus" })%>
     19    </div>
    2020
    21     <div style="height:150px; overflow:scroll;">
    22         <table>
     21        <table class="hl-dataTable">
     22        <thead>
     23        <tr>
     24        <th>Name</th>
     25        <th>Description</th>
     26        <th>Type</th>
     27        <th>Actions</th>
     28        </tr>
     29        </thead>
     30        <tbody>
    2331            <!--// We get this from the Controller (Index)-->
    2432            <% foreach(Problem p in ((ProblemModel)Model).Problems) {  %>
    … …  
    3341                    <%: Html.Label(p.DataTypeName)%>
    3442                </td>
    35                 <td>
    36                     <%: Html.ActionLink("detail", "Detail", new { p.Id })%>
    37                 </td>
    38                 <td>
    39                     <%: Html.ActionLink("delete", "Delete",new {p.Id}) %>
     43                <td class="hl-iconcell">
     44                    <%: Html.ActionLink("detail", "Detail", new { p.Id }, new { @class = "hl-icon-edit" })%>
     45                    <%: Html.ActionLink("delete", "Delete", new { p.Id }, new { @class = "hl-icon-delete" })%>
    4046                </td>
    4147            </tr>
    4248            <% } %>
     49            </tbody>
    4350        </table>
    44     </div>     
     51   
    4552</asp:Content>

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/ProblemClass/Detail.aspx

    r6290 r6304  
    1414    <% { %>
    1515    <h2>Detail</h2>
    16 
     16            <div class="hl-menuButtons">                 
     17        <%: Html.ActionLink("Back to Index", "Index", null, new { @class = "hl-button-text-back" })%>
     18        </div>
    1719    <% ProblemClass pc = ((ProblemClassModel)Model).ProblemClass; %>
    18     <table border="1">
     20    <table class="hl-table">
    1921        <tr>
    20             <td>
     22            <th>
    2123                Id:
    22             </td>
     24            </th>
    2325            <td>
    2426                <%: Html.Label(pc.Id.ToString())%>
    … …  
    2729        </tr>
    2830        <tr>
    29             <td>
     31            <th>
    3032                Name:
    31             </td>
     33            </th>
    3234            <td>
    3335                <%: Html.TextBox("ProblemClassName", pc.Name, pc.Name)%>
    … …  
    3537        </tr>
    3638        <tr>
    37             <td>
     39            <th>
    3840                Description:
    39             </td>
     41            </th>
    4042            <td>
    4143                <%: Html.TextBox("ProblemClassDescription", pc.Description, pc.Description)%>
    … …  
    4345        </tr>
    4446        <tr>
    45             <td>
     47            <th>
    4648                Action:
    47             </td>
     49            </th>
    4850            <td>
    4951                <input type="submit" value="save" />
    … …  
    5153        </tr>
    5254    </table>
    53     <%: Html.ActionLink("back to Index","Index") %>
    5455    <% } %>
    5556</asp:Content>

  • branches/WebApplication/MVC2/HLWebOKBAdminPlugin/Views/ProblemClass/Index.aspx

    r6290 r6304  
    1616
    1717<%  long? id = null;  %>
    18     <%: Html.ActionLink("New ProblemClass", "Detail", new {id}) %>
    19     <%: Html.ActionLink("Order ASC", "SortAsc")%>
    20     <%: Html.ActionLink("Order DESC", "SortDesc")%>
     18<div class="hl-menuButtons">
     19    <%: Html.ActionLink("New ProblemClass", "Detail", new { id }, new { @class = "hl-button-text-plus" })%>
     20</div>
    2121
    22     <div style="height:150px; overflow:scroll;">
    23         <table>
     22        <table class="hl-dataTable">
     23                <thead>
     24        <tr>
     25        <th>Name</th>
     26        <th>Description</th>
     27        <th>Actions</th>
     28        </tr>
     29        </thead>
     30        <tbody>
    2431            <!--// We get this from the Controller (Index)-->
    2532            <% foreach (ProblemClass p in ((ProblemClassModel)Model).ProblemClasses) {  %>
    … …  
    3138                    <%: Html.Label(p.Description) %>
    3239                </td>
    33                 <td>
    34                     <%: Html.ActionLink("detail", "Detail", new { p.Id })%>
     40                <td class="hl-iconcell">
     41                    <%: Html.ActionLink("detail", "Detail", new { p.Id }, new { @class = "hl-icon-edit" })%>
     42                    <%: Html.ActionLink("delete", "Delete", new { p.Id }, new { @class = "hl-icon-delete" })%>
    3543                </td>
    36                 <td>
    37                     <%: Html.ActionLink("delete", "Delete",new {p.Id}) %>
    38                 </td>
     44
    3945            </tr>
    4046            <% } %>
     47        </tbody>
    4148        </table>
    42     </div>       
     49 
    4350</asp:Content>

  • branches/WebApplication/MVC2/HeuristicLabWeb.PluginHost/HLWebPluginHost/Content/HLStyling.js

    r6301 r6304  
    1818
    1919  );
     20
     21
     22
    2023  $(".hl-dataTable").addClass("display");
    2124
    2225  $(".hl-button-text-plus").button({ icons: { primary: 'ui-icon-plus'} });
     26  $(".hl-button-text-back").button({ icons: { primary: 'ui-icon-triangle-1-w'} });
    2327  $(".hl-icon-delete").button({ icons: { primary: 'ui-icon-close' }, text: false });
    2428  $(".hl-icon-edit").button({ icons: { primary: 'ui-icon-pencil' }, text: false });
    25  
    2629
    27   $(".hl-button").hover(
    28     function () {
    29       $(this).fadeOut(100);
    30       $(this).fadeIn(100);
    31     }
    32   );
     30  // Standard Table
     31  $(".hl-table th").each(function () {
     32
     33    $(this).addClass("ui-state-default hl-formHeader");
     34
     35  });
     36  $(".hl-table td").each(function () {
     37
     38    $(this).addClass("ui-widget-content");
     39
     40  });
     41
     42  $(".hl-table td:odd").addClass("odd");
     43  $(".hl-table td:even").addClass("even");
    3344
    3445}

  • branches/WebApplication/MVC2/HeuristicLabWeb.PluginHost/HLWebPluginHost/Content/themes/hl/Site.css

    r6286 r6304  
    184184
    185185
     186.hl-formHeader {
     187  text-align: left; 
     188}
     189
     190.hl-iconcell {
     191  width: 20px;
     192  text-align: center; 
     193}
     194
    186195/* TAB MENU   
    187196----------------------------------------------------------*/
Note: See TracChangeset for help on using the changeset viewer.