API tools faq
paste
sidetrak

kanban_activity_board

sidetrak
May 1st, 2012
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. UI Page: kanban_activity_board
  3. Page url:kanban_activity_board.do
  4. Querystrings:
  5. sysparm_query
  6. -->
  7. <g:ui_form>
  8.    <html>
  9.       <head>
  10.          <meta charset='utf-8'/>
  11.          <title>Kanban Activity Board</title>
  12.          <link href="colorbox.css" type="text/css" rel="stylesheet"/>
  13.          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  14.          <script src="jquery.colorbox.js"></script>
  15.          <script type="text/javascript">
  16.             $(document).ready(function(){
  17.                $(".group1").colorbox({rel:'group1'});
  18.                $(".group2").colorbox({rel:'group2', transition:"fade"});
  19.                $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
  20.                $(".group4").colorbox({rel:'group4', slideshow:true});
  21.                $(".ajax").colorbox();
  22.                $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
  23.                $(".iframe").colorbox({iframe:true, width:"90%", height:"90%"});
  24.                $(".inline").colorbox({inline:true, width:"50%"});
  25.                $(".callbacks").colorbox({
  26.                   onOpen:function(){ alert('onOpen: colorbox is about to open'); },
  27.                   onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
  28.                   onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
  29.                   onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
  30.                   onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
  31.                });
  32.                
  33.                //Example of preserving a JavaScript event for inline calls.
  34.                $("#click").click(function(){
  35.                   $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
  36.                   return false;
  37.                });
  38.             });
  39.          </script>
  40.          <style type="text/css">
  41.             .task
  42.             {
  43.             border:1px solid #a1a1a1;
  44.             padding:10px 15px;
  45.             margin:5px;
  46.             width:300px;
  47.             border-radius:9px;
  48.             -moz-border-radius:9px; /* Firefox 3.6 and earlier */
  49.             }
  50.             .ack_task
  51.             {
  52.             border:1px solid #EDEAA2;
  53.             padding:5px 10px;
  54.             margin:5px;
  55.             width:300px;
  56.             border-radius:9px;
  57.             -moz-border-radius:9px; /* Firefox 3.6 and earlier */
  58.             }
  59.             .wip_task
  60.             {
  61.             border:1px solid #93A1DD;
  62.             padding:5px 10px;
  63.             margin:5px;
  64.             width:300px;
  65.             border-radius:9px;
  66.             -moz-border-radius:9px; /* Firefox 3.6 and earlier */
  67.             }
  68.             .complete_task
  69.             {
  70.             border:1px solid #AEE19C;
  71.             padding:5px 10px;
  72.             margin:5px;
  73.             width:300px;
  74.             border-radius:9px;
  75.             -moz-border-radius:9px; /* Firefox 3.6 and earlier */
  76.             }
  77.             .blocked_task
  78.             {
  79.             border:3px solid #FE0000;
  80.             padding:5px 10px;
  81.             margin:5px;
  82.             width:300px;
  83.             border-radius:9px;
  84.             -moz-border-radius:9px; /* Firefox 3.6 and earlier */
  85.             }
  86.          </style>
  87.          
  88.       </head>
  89.       <body>
  90.          <!-- Display Active sprints the user is part of -->
  91.          <table class="wide" cellspacing="5">
  92.             <tr>
  93.                <td colspan="3">
  94.                   <h3>Showing tasks assigned to your group(s) for the following sprint(s):</h3>
  95.                   <g2:evaluate var="jvar_item" expression="
  96.                  var sprints = new GlideRecord('rm_sprint');
  97.                  sprints.addQuery('$[sysparm_query]');
  98.                  sprints.addQuery('state', 2);
  99.                  sprints.query();
  100.                  " />
  101.                   <table width="100%" style="border-width: 1px; border-color:#EEEEEE; border-style: solid;">
  102.                      <tr style="background-color: #E6E6E6;">
  103.                         <td><strong>Sprint</strong></td>
  104.                         <td><strong>Product</strong></td>
  105.                         <td><strong>Start Date</strong></td>
  106.                         <td><strong>End Date</strong></td>
  107.                         <td><strong>Assignment Group</strong></td>
  108.                      </tr>
  109.                      <j2:while test="$[sprints.next()]">
  110.                        
  111.                         <tr>
  112.                            <td><a href="cardboard_scrum_release.do?sysparm_query=parent=^ORparent=$[sprints.parent.sys_id]&amp;sysparm_fixed_query=EQ^assignment_group%3Djavascript%3AgetMyGroups()^stateNOT IN3,6,7&amp;sysparm_sys_id=$[sprints.parent.sys_id]&amp;sysparm_view="><img src="/images/icons/aim.gif" /> <strong>$[sprints.short_description.getHTMLValue()]</strong></a> </td>
  113.                            <td>$[sprints.parent.parent.short_description.getHTMLValue()]</td>
  114.                            <td>$[sprints.start_date.getHTMLValue()]</td>
  115.                            <td>$[sprints.end_date.getHTMLValue()]</td>
  116.                            <td>$[sprints.assignment_group.getHTMLValue()]</td>
  117.                         </tr>
  118.                      </j2:while>
  119.                   </table>
  120.                </td>
  121.             </tr>
  122.             <tr>
  123.  
  124.                <!-- Query for active sprints -->
  125.                <g2:evaluate var="jvar_WIPSprints" jelly="true">
  126.                   var sprint = new GlideRecord('rm_sprint');
  127.                   sprint.addQuery('$[sysparm_query]');
  128.                   sprint.addQuery('state', 2);
  129.                   sprint.query();
  130.                   var WIPSprints = new Array();
  131.                   while(sprint.next()) {
  132.                   WIPSprints.push(sprint.sys_id + '');
  133.                   }
  134.                </g2:evaluate>
  135.                
  136.                <!-- Query for Ack/New tasks included in these sprints -->
  137.                <g2:evaluate var="jvar_ack_task" jelly="true">
  138.                   var ackAgileTask = new GlideRecord('task');
  139.                   ackAgileTask.addQuery('parent.sys_id', 'IN', WIPSprints.toString());
  140.                   ackAgileTask.addQuery('$[sysparm_query]');
  141.                   ackAgileTask.addQuery('active', true);
  142.                   ackAgileTask.addQuery('state', 'NOT IN', '2,11,5,8,3,7,6,10');
  143.                   ackAgileTask.orderBy('$[sysparm_orderby]');
  144.                   ackAgileTask.orderBy('sys_created_on');
  145.                   ackAgileTask.query();
  146.                   var ack_task = ackAgileTask.getRowCount();
  147.                </g2:evaluate>
  148.                
  149.                <!-- Query for Work in Process/On Hold/Waiting for tasks included in these sprints -->
  150.                <g2:evaluate var="jvar_wip_task" jelly="true">
  151.                   var wipAgileTask = new GlideRecord('task');
  152.                   wipAgileTask.addQuery('parent.sys_id', 'IN', WIPSprints.toString());
  153.                   wipAgileTask.addQuery('$[sysparm_query]');
  154.                   wipAgileTask.addQuery('active', true);
  155.                   wipAgileTask.addQuery('state', 'IN', '2,11,5,8');
  156.                   wipAgileTask.orderBy('$[sysparm_orderby]');
  157.                   wipAgileTask.orderBy('sys_created_on');
  158.                   wipAgileTask.query();
  159.                   var wip_task = wipAgileTask.getRowCount();
  160.                </g2:evaluate>
  161.                
  162.                <!-- Query for Complete/Ready to Deploy tasks included in these sprints -->
  163.                <g2:evaluate var="jvar_complete_task" jelly="true">
  164.                   var completeAgileTask = new GlideRecord('task');
  165.                   completeAgileTask.addQuery('parent.sys_id', 'IN', WIPSprints.toString());
  166.                   completeAgileTask.addQuery('$[sysparm_query]');
  167.                   completeAgileTask.addQuery('state', 'IN', '3,7,6,10');
  168.                   completeAgileTask.orderBy('$[sysparm_orderby]');
  169.                   completeAgileTask.orderByDesc('closed_at');
  170.                   completeAgileTask.query();
  171.                   var complete_task = completeAgileTask.getRowCount();
  172.                </g2:evaluate>
  173.  
  174.                <!-- Display column headers -->
  175.                <td width="33%" align="center" class="task" style="background:#EEEEEB">
  176.                   <font size="4" weight="bold">Acknowledged/New ($[ack_task])</font><br />
  177.                </td>
  178.                <td width="33%" align="center" class="task" style="background:#EEEEEB">
  179.                   <font size="4" weight="bold">Work in Process ($[wip_task])</font>
  180.                </td>
  181.                <td width="33%" align="center" class="task" style="background:#EEEEEB">
  182.                   <font size="4" weight="bold">Closed/Resolved/Deploy ($[complete_task])</font>
  183.                </td>
  184.             </tr>
  185.             <tr>
  186.                <td><strong>Sort by: </strong><img src="/images/blank.gif" /><a href="/kanban_activity_board.do?sysparm_query=${sysparm_query}${AMP}sysparm_view=${sysparm_view}${AMP}sysparm_orderby=number"><img src="/images/icons/hover_icon.gifx" title="Ticket Number - Acending" /></a> <a href="/kanban_activity_board.do?sysparm_query=${sysparm_query}${AMP}sysparm_view=${sysparm_view}${AMP}sysparm_orderby=assigned_to"><img src="/images/icons/user.gif" title="Assigned User - Acending" /></a><a href="/kanban_activity_board.do?sysparm_query=${sysparm_query}${AMP}sysparm_view=${sysparm_view}${AMP}sysparm_orderby="><img src="/images/icons/scheduled.gif" title="Date - Created Acending/Created Acending/Closed Decending" /></a></td>
  187.             </tr>
  188.             <tr>
  189.                <td valign="top" align="center">
  190.                   <!-- Draw red border on blocked tasks-->
  191.                   <j2:while test="$[ackAgileTask.next()]">
  192.                      <j2:set var="jvar_task_class" value="ack_task" />
  193.                      <j2:if test="$[ackAgileTask.state == 11 || ackAgileTask.state == 5 || ackAgileTask.state == 8]">
  194.                         <j2:set var="jvar_task_class" value="blocked_task" />
  195.                      </j2:if>
  196.                      <!-- Query to see if there are child tasks -->
  197.                      <g2:evaluate var="jvar_ackChildTasks" jelly="true">
  198.                         var ackChildTasks = new Array();
  199.                         var childTask = new GlideRecord('task');
  200.                         childTask.addQuery('parent.sys_id', ackAgileTask.sys_id);
  201.                         childTask.query();
  202.                         while(childTask.next()){
  203.                            ackChildTasks.push(childTask.number + '');                        
  204.                         }
  205.                      </g2:evaluate>
  206.  
  207.                      <!-- Build new/ack tasks divs-->
  208.                      <div class="$[jvar_task_class]" style="background:#FAF9C1;">
  209.                         <table cellspacing="0" style="background:#FAF9C1;" width="100%">
  210.                            <tr>
  211.                               <td align="left"><font size="3"><a class="iframe" href="task.do?sys_id=$[ackAgileTask.sys_id]&amp;sysparm_view="><img src="/images/icons/hover_icon.gifx" title="$[ackAgileTask.parent.parent.parent.short_description.getHTMLValue()]" /></a>
  212.                               <a href="task.do?sys_id=$[ackAgileTask.sys_id]&amp;sysparm_view=">$[ackAgileTask.number]</a></font></td>
  213.                               <td align="right"><font size="3">$[ackAgileTask.u_task_size.getDisplayValue()]</font></td>
  214.                            </tr>
  215.                            <tr>
  216.                               <td align="left">$[ackAgileTask.short_description.getHTMLValue()]</td>
  217.                               <td align="right">
  218.                                  <j2:if test="$[ackChildTasks != '']">
  219.                                     <a href="/task_list.do?sysparm_query=parent%3D$[ackAgileTask.sys_id]"><img src="/images/icons/flatlayout.gif" title="Has child tasks: $[ackChildTasks.toString()]" /></a>
  220.                                  </j2:if>
  221.                               </td>
  222.                            </tr>
  223.                            <tr>
  224.                               <td colspan="2" align="right">
  225.                                  <g2:evaluate var="jvar_assignedTo" jelly="true">
  226.                                     var assignedTo;
  227.                                     if (ackAgileTask.assigned_to.nil()) {
  228.                                     assignedTo = '<i>not assigned</i>';
  229.                                     } else {
  230.                                     assignedTo = '<img src="/images/icons/user.gif" /> <strong>' + ackAgileTask.assigned_to.getHTMLValue() + '</strong>';
  231.                                     }
  232.                                  </g2:evaluate>
  233.                                  $[assignedTo]
  234.                               </td>
  235.                            </tr>
  236.                         </table>
  237.                      </div>
  238.                   </j2:while>
  239.                </td>
  240.                <td valign="top" align="center">
  241.                   <!-- Draw red border on blocked tasks-->
  242.                   <j2:while test="$[wipAgileTask.next()]">
  243.                      <j2:set var="jvar_task_class" value="ack_task" />
  244.                      <j2:if test="$[wipAgileTask.state == 11 || wipAgileTask.state == 5 || wipAgileTask.state == 8]">
  245.                         <j2:set var="jvar_task_class" value="blocked_task" />
  246.                      </j2:if>
  247.                      <!-- Query to see if there are child tasks -->
  248.                      <g2:evaluate var="jvar_wipChildTasks" jelly="true">
  249.                         var wipChildTasks = new Array();
  250.                         var childTask = new GlideRecord('task');
  251.                         childTask.addQuery('parent.sys_id', wipAgileTask.sys_id);
  252.                         childTask.query();
  253.                         while(childTask.next()){
  254.                            wipChildTasks.push(childTask.number + '');                        
  255.                         }
  256.                      </g2:evaluate>
  257.  
  258.  
  259.                      <!-- Build WIP tasks divs-->
  260.                      <div class="$[jvar_task_class]" style="background:#BEC8F9;">
  261.                         <table cellspacing="0" style="background:#BEC8F9;" width="100%">
  262.                            <tr>
  263.                               <td align="left"><font size="3"><a class="iframe" href="task.do?sys_id=$[wipAgileTask.sys_id]&amp;sysparm_view="><img src="/images/icons/hover_icon.gifx" title="$[wipAgileTask.parent.parent.parent.short_description.getHTMLValue()]"/></a><a href="task.do?sys_id=$[wipAgileTask.sys_id]&amp;sysparm_view=">$[wipAgileTask.number]</a></font></td>
  264.                               <td align="right"><font size="3">$[wipAgileTask.u_task_size.getDisplayValue()]</font></td>
  265.                            </tr>
  266.                            <tr>
  267.                               <td align="left">$[wipAgileTask.short_description.getHTMLValue()]</td>
  268.                               <td align="right">
  269.                                  <j2:if test="$[wipChildTasks != '']">
  270.                                     <a href="/task_list.do?sysparm_query=parent%3D$[ackAgileTask.sys_id]"><img src="/images/icons/flatlayout.gif" title="Has child tasks: $[wipChildTasks.toString()]" /></a>
  271.                                  </j2:if>
  272.                               </td>
  273.                            </tr>
  274.                            <tr>
  275.                               <td colspan="2" align="right">
  276.                                  <g2:evaluate var="jvar_assignedTo" jelly="true">
  277.                                     var assignedTo;
  278.                                     if (wipAgileTask.assigned_to.nil()) {
  279.                                     assignedTo = '<i>not assigned</i>';
  280.                                     } else {
  281.                                     assignedTo = '<img src="/images/icons/user.gif" /> <strong>' + wipAgileTask.assigned_to.getHTMLValue() + '</strong>';
  282.                                     }
  283.                                  </g2:evaluate>
  284.                                  $[assignedTo]
  285.                               </td>
  286.                            </tr>
  287.                         </table>
  288.                      </div>
  289.                   </j2:while>
  290.                </td>
  291.                <td valign="top" align="center">
  292.                   <j2:while test="$[completeAgileTask.next()]">
  293.                       <!-- Query to see if there are child tasks -->
  294.                      <g2:evaluate var="jvar_completeChildTasks" jelly="true">
  295.                         var completeChildTasks = new Array();
  296.                         var childTask = new GlideRecord('task');
  297.                         childTask.addQuery('parent.sys_id', completeAgileTask.sys_id);
  298.                         childTask.query();
  299.                         while(childTask.next()){
  300.                            completeChildTasks.push(childTask.number + '');                        
  301.                         }
  302.                      </g2:evaluate>
  303.  
  304.                      <!-- Build complete tasks div-->
  305.                      <div class="complete_task" style="background:#CEFAC1;">
  306.                         <table cellspacing="0" style="background:#CEFAC1;" width="100%">
  307.                            <tr>
  308.                               <td align="left"><font size="3"><a class="iframe" href="task.do?sys_id=$[completeAgileTask.sys_id]&amp;sysparm_view="><img src="/images/icons/hover_icon.gifx" title="$[completeAgileTask.parent.parent.parent.short_description.getHTMLValue()]"/></a><a href="task.do?sys_id=$[completeAgileTask.sys_id]&amp;sysparm_view=">$[completeAgileTask.number]</a></font></td>
  309.                               <td align="right"><font size="3">$[completeAgileTask.u_task_size.getDisplayValue()]</font></td>
  310.                            </tr>
  311.                            <tr>
  312.                               <td align="left">$[completeAgileTask.short_description.getHTMLValue()]</td>
  313.                               <td align="right">
  314.                                  <j2:if test="$[completeChildTasks != '']">
  315.                                     <a href="/task_list.do?sysparm_query=parent%3D$[ackAgileTask.sys_id]"><img src="/images/icons/flatlayout.gif" title="Has child tasks: $[completeChildTasks.toString()]" /></a>
  316.                                  </j2:if>
  317.                               </td>
  318.                            </tr>
  319.                            <tr>
  320.                               <td colspan="2" align="right">
  321.                                  <g2:evaluate var="jvar_assignedTo" jelly="true">
  322.                                     var assignedTo;
  323.                                     if (completeAgileTask.assigned_to.nil()) {
  324.                                     assignedTo = '<i>not assigned</i>';
  325.                                     } else {
  326.                                     assignedTo = '<img src="/images/icons/user.gif" /> <strong>' + completeAgileTask.assigned_to.getHTMLValue() + '</strong>';
  327.                                     }
  328.                                  </g2:evaluate>
  329.                                  $[assignedTo]
  330.                               </td>
  331.                            </tr>
  332.                         </table>
  333.                      </div>
  334.                   </j2:while>
  335.                </td>
  336.             </tr>
  337.          </table>
  338.       </body>  
  339.    </html>
  340. </g:ui_form>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!