Changeset 713 for trunk/grails-app/views


Ignore:
Timestamp:
Nov 22, 2010, 10:33:51 AM (13 years ago)
Author:
gav
Message:

Dynamic task quick search feature.

Location:
trunk/grails-app/views/taskDetailed
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/grails-app/views/taskDetailed/_quickSearchPane.gsp

    r701 r713  
    22<div class="overlayPane" id="searchPane" style="display:none;">
    33    <h2>Quick Search</h2>
    4     <g:form method="post" id="searchForm" name="searchForm" >
     4
     5    <g:form method="post" controller="taskDetailed">
    56        <table>
    67            <tbody>
    78
    89                <tr class="prop">
    9                     <td valign="top" class="name">
    10                         <label>My Tasks:</label>
    11                     </td>
     10                    <td valign="top" class="name">Select:</td>
    1211                    <td valign="top" class="value">
    13                         <g:link controller="taskDetailed"
    14                                         action="${actionName}"
    15                                         params="[quickSearch: 'myTodays']">
    16                                         <g:message code="task.search.text.my.todays" />
    17                         </g:link> - <g:message code="task.search.text.my.todays.description" />
    18                         <br />
    19                         <g:link controller="taskDetailed"
    20                                         action="${actionName}"
    21                                         params="[quickSearch: 'myYesterdays']">
    22                                         <g:message code="task.search.text.my.yesterdays" />
    23                         </g:link>
    24                         <br />
    25                         <g:link controller="taskDetailed"
    26                                         action="${actionName}"
    27                                         params="[quickSearch: 'myTomorrows']">
    28                                         <g:message code="task.search.text.my.tomorrows" />
    29                         </g:link>
    30                         <br />
    31                         <g:link controller="taskDetailed"
    32                                         action="${actionName}"
    33                                         params="[quickSearch: 'myPastWeek']">
    34                                         <g:message code="task.search.text.my.past.week" />
    35                         </g:link>
     12                        <g:select optionKey="key"
     13                                            optionValue="value"
     14                                            from="${quickSearchSelection}"
     15                                            name="quickSearch"
     16                                            id="quickSearchSelect"
     17                                            value="${params.quickSearch}">
     18                        </g:select>
     19
     20                            <span id="allTasksHelp">
     21                                <g:helpBalloon class="helpballoon" code="task.search.text.all.tasks" />
     22                            </span>
     23                            <span id="budgetPlannedHelp">
     24                                <g:helpBalloon class="helpballoon" code="task.search.text.budget.planned" />
     25                            </span>
     26                            <span id="budgetUnplannedHelp">
     27                                <g:helpBalloon class="helpballoon" code="task.search.text.budget.unplanned" />
     28                            </span>
     29                            <span id="personsTasksHelp">
     30                                <g:helpBalloon class="helpballoon" code="task.search.text.persons.tasks" />
     31                            </span>
     32                            <span id="personsImmediateCalloutsHelp">
     33                                <g:helpBalloon class="helpballoon" code="task.search.text.persons.immediate.callouts" />
     34                            </span>
    3635                    </td>
    3736                </tr>
     
    3938                <tr class="prop">
    4039                    <td valign="top" class="name">
    41                         <label>All Tasks:</label>
     40                        <label for="date">Between:</label>
    4241                    </td>
    4342                    <td valign="top" class="value">
    44                         <g:link controller="taskDetailed"
    45                                         action="${actionName}"
    46                                         params="[quickSearch: 'todays']">
    47                                         <g:message code="task.search.text.todays" />
    48                         </g:link> - <g:message code="task.search.text.todays.description" />
    49                         <br />
    50                         <g:link controller="taskDetailed"
    51                                         action="${actionName}"
    52                                         params="[quickSearch: 'yesterdays']">
    53                                         <g:message code="task.search.text.yesterdays" />
    54                         </g:link>
    55                         <br />
    56                         <g:link controller="taskDetailed"
    57                                         action="${actionName}"
    58                                         params="[quickSearch: 'tomorrows']">
    59                                         <g:message code="task.search.text.tomorrows" />
    60                         </g:link>
    61                         <br />
    62                         <g:link controller="taskDetailed"
    63                                         action="${actionName}"
    64                                         params="[quickSearch: 'pastWeek']">
    65                                         <g:message code="task.search.text.past.week" />
    66                         </g:link>
    67                         <br />
    68                         <g:link controller="taskDetailed"
    69                                         action="${actionName}"
    70                                         params="[quickSearch: 'plannersRange']">
    71                                         <g:message code="task.search.text.planners.range" />
    72                         </g:link> - <g:message code="task.search.text.planners.range.description" />
     43                        <richui:dateChooser name="startDate" format="dd-MM-yyyy" value="${params.startDate}" />
     44                        and
     45                        <richui:dateChooser name="endDate" format="dd-MM-yyyy" value="${params.endDate}" />
    7346                    </td>
    7447                </tr>
    7548
    76                 <tr class="prop">
     49                <tr class="prop" style="height:2.7em;">
    7750                    <td valign="top" class="name">
    78                         <label>Budget:</label>
     51                        <label for="person.id" id="personLabel">Person:</label>
    7952                    </td>
    8053                    <td valign="top" class="value">
    81                         <g:link controller="taskDetailed"
    82                                         action="${actionName}"
    83                                         params="[quickSearch: 'budgetPlanned']">
    84                                         <g:message code="task.search.text.budget.planned" />
    85                         </g:link> - <g:message code="task.search.text.budget.planned.description" />
    86                         <br />
    87                         <g:link controller="taskDetailed"
    88                                         action="${actionName}"
    89                                         params="[quickSearch: 'budgetUnplanned']">
    90                                         <g:message code="task.search.text.budget.unplanned" />
    91                         </g:link>
     54                        <div id="personSelection">
     55                            <g:select optionKey="id"
     56                                                from="${Person.findAllByIsActive(true).sort { p1, p2 -> p1.firstName.compareToIgnoreCase(p2.firstName) }}"
     57                                                name="person.id"
     58                                                value="${params.person?.id}"
     59                                                id="personSelector">
     60                            </g:select>
     61                        </div>
    9262                    </td>
    9363                </tr>
    9464
    95                 <tr class="prop">
     65                <tr class="prop" style="height:2.7em;">
    9666                    <td valign="top" class="name">
    97                         <label>Links:</label>
     67                        <label for="includeCompleted" id="completedLabel">Incl. Completed:</label>
    9868                    </td>
    9969                    <td valign="top" class="value">
    100                         <g:link controller="taskDetailed"
    101                                         action="workDone">
    102                                         <g:message code="task.search.text.work.done" />
    103                         </g:link> - <g:message code="task.search.text.work.done.description" />
    104                         <br />
    105                         <g:link controller="taskDetailed"
    106                                         action="workLoad">
    107                                         <g:message code="task.search.text.work.load" />
    108                         </g:link> - <g:message code="task.search.text.work.load.description" />
     70                        <div id="completedSelection">
     71                            <g:checkBox name="includeCompleted"
     72                                                    value="${params.includeCompleted}"
     73                                                    id="completedSelector">
     74                            </g:checkBox>
     75                            <g:helpBalloon class="helpballoon" code="task.search.include.completed" />
     76                        </div>
    10977                    </td>
    11078                </tr>
     
    11280            </tbody>
    11381        </table>
     82
    11483        <div class="buttons">
    11584            <span class="button">
     85                <g:actionSubmit class="save" value="Update" action="${actionName}" />
    11686                <g:actionSubmit class="cancel" value="${g.message(code:'fp.tag.filterPane.button.cancel.text', default:'Cancel')}" onclick="return hideElement('searchPane');" />
    11787            </span>
    11888        </div>
    11989    </g:form>
     90
     91    <table>
     92        <tbody>
     93            <tr class="prop">
     94                <td valign="top" class="name">
     95                    <label>My Tasks:</label>
     96                </td>
     97                <td valign="top" class="value">
     98                    <g:link controller="taskDetailed"
     99                                    action="${actionName}"
     100                                    params="[quickSearch: 'myTodays']">
     101                                    <g:message code="task.search.text.my.todays" />
     102                    </g:link> - <g:message code="task.search.text.my.todays.description" />
     103                    <br />
     104                </td>
     105            </tr>
     106
     107            <tr class="prop">
     108                <td valign="top" class="name">
     109                    <label>Links:</label>
     110                </td>
     111                <td valign="top" class="value">
     112                    <g:link controller="taskDetailed"
     113                                    action="workDone">
     114                                    <g:message code="task.search.text.work.done" />
     115                    </g:link> - <g:message code="task.search.text.work.done.description" />
     116                    <br />
     117                    <g:link controller="taskDetailed"
     118                                    action="workLoad">
     119                                    <g:message code="task.search.text.work.load" />
     120                    </g:link> - <g:message code="task.search.text.work.load.description" />
     121                </td>
     122            </tr>
     123
     124        </tbody>
     125    </table>
     126
    120127</div> <!-- end search pane -->
  • trunk/grails-app/views/taskDetailed/search.gsp

    r615 r713  
    77        <nav:resources override="true"/>
    88        <export:resource />
     9        <resource:dateChooser />
     10        <g:javascript src="taskQuickSearchPane.js" />
    911    </head>
    1012    <body>
  • trunk/grails-app/views/taskDetailed/searchCalendar.gsp

    r589 r713  
    88        <resource:calendarMonthView  skin="calendarmonthviewCustom"/>
    99        <export:resource />
     10        <resource:dateChooser />
     11        <g:javascript src="taskQuickSearchPane.js" />
    1012    </head>
    1113    <body>
Note: See TracChangeset for help on using the changeset viewer.