<div class="container" id="mainContent">
  <div id="topOfPage">
  </div>
  <h1>
    Feedback Results - Student
  </h1>
  <br>
  <div class="well well-plain">
    <div class="panel-body">
      <div class="form-horizontal">
        <div class="panel-heading">
          <div class="form-group">
            <label class="col-sm-2 control-label">
              Course ID:
            </label>
            <div class="col-sm-10">
              <p class="form-control-static">
                AHPUiT____.instr1_.gma-demo
              </p>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">
              Session:
            </label>
            <div class="col-sm-10">
              <p class="form-control-static">
                First team feedback session
              </p>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">
              Opening time:
            </label>
            <div class="col-sm-10">
              <p class="form-control-static">
                Sun, 01 Apr 2012, 11:59 PM
              </p>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">
              Closing time:
            </label>
            <div class="col-sm-10">
              <p class="form-control-static">
                Mon, 02 Apr 2012, 11:59 PM
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <br>
  <div id="statusMessagesToUser">
    <div class="overflow-auto alert alert-info statusMessage">
      You have received feedback from others. Please see below.
    </div>
  </div>
  <script defer="" src="/js/statusMessage.js" type="text/javascript">
  </script>
  <br>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        Question 1:
        <span class="text-preserve-space">
          Please rate the estimated contribution of your team members and yourself. 
          <span style=" white-space: normal;">
            <a class="color_gray" data-less="[less]" data-more="[more]" href="javascript:;" id="questionAdditionalInfoButton-1-" onclick="toggleAdditionalQuestionInfo('1-')">
              [more]
            </a>
            <br>
            <span id="questionAdditionalInfo-1-" style="display:none;">
              Team contribution question
            </span>
          </span>
        </span>
      </h4>
      <div class="panel panel-primary">
        <div class="panel-heading">
          Comparison of work distribution  
          <span style=" white-space: normal;">
            <a class="small link-in-dark-bg" data-less="[less]" data-more="[how to interpret, etc..]" href="javascript:;" id="questionAdditionalInfoButton-1-contributionInfo" onclick="toggleAdditionalQuestionInfo('1-contributionInfo')">
              [how to interpret, etc..]
            </a>
            <br>
            <span id="questionAdditionalInfo-1-contributionInfo" style="display:none;">
              <h4 id="interpret">
                How do I interpret these results?
              </h4>
              <ul class="bulletedList">
                <li>
                  Compare values given under 'My view' to those under 'Team's view'. This tells you whether your perception matches with what the team thinks, particularly regarding your own contribution. You may ignore minor differences.
                </li>
                <li>
                  Team's view of your contribution is the average value of the contribution your team members attributed to you, excluding the contribution you attributed to yourself. That means you cannot boost your perceived contribution by claiming a high contribution for yourself or attributing a low contribution to team members.
                </li>
                <li>
                  Also note that the team’s view has been scaled up/down so that the sum of values in your view matches the sum of values in team’s view. That way, you can make a direct comparison between your view and the team’s view. As a result, the values you see in team’s view may not match the values your team members see in their results.
                </li>
              </ul>
              <br>
              <h4>
                How are these results used in grading?
              </h4>
              TEAMMATES does not calculate grades. It is up to the instructors to use contribution question results in any way they want. However, TEAMMATES recommend that contribution question results are used only as flags to identify teams with contribution imbalances. Once identified, the instructor is recommended to investigate further before taking action.
              <br>
              <br>
              <h4>
                How are the contribution numbers calculated?
              </h4>
              Here are the important things to note:
              <ul class="bulletedList">
                <li>
                  The contribution you attributed to yourself is not used when calculating the perceived contribution of you or team members.
                </li>
                <li>
                  From the estimates you submit, we try to deduce the answer to this question: In your opinion, if your teammates are doing the project by themselves without you, how do they compare against each other in terms of contribution? This is because we want to deduce your unbiased opinion about your team members’ contributions. Then, we use those values to calculate the average perceived contribution of each team member.
                </li>
                <li>
                  When deducing the above, we first adjust the estimates you submitted to remove artificial inflations/deflations. For example, giving everyone [Equal share + 20%] is as same as giving everyone [Equal share] because in both cases all members have done a similar share of work.
                </li>
              </ul>
              The actual calculation is a bit complex and the finer details can be found
              <a href="https://docs.google.com/document/d/1hjQQHYM3YId0EUSrGnJWG5AeFpDD_G7xg_d--7jg3vU/pub?embedded=true#h.n5u2xs6z9y0g">
                here
              </a>
              .
            </span>
          </span>
        </div>
        <table class="table table-striped">
          <tbody>
            <tr>
              <td>
                <strong>
                  My view:
                </strong>
              </td>
              <td>
                <span class="text-muted">
                  <strong>
                    of me:
                  </strong>
                </span>
                <span class="color-positive">
                  E +10%
                </span>
              </td>
              <td>
                <span class="text-muted">
                  <strong>
                    of others:
                  </strong>
                </span>
                <span class="color-positive">
                  E +10%
                </span>
                ,
                <span class="color-positive">
                  E +10%
                </span>
                ,
                <span class="color-negative">
                  E -20%
                </span>
              </td>
            </tr>
            <tr>
              <td>
                <strong>
                  Team's view:
                </strong>
              </td>
              <td>
                <span class="text-muted">
                  <strong>
                    of me:
                  </strong>
                </span>
                <span class="color-positive">
                  E +9%
                </span>
              </td>
              <td>
                <span class="text-muted">
                  <strong>
                    of others:
                  </strong>
                </span>
                <span class="color-positive">
                  E +9%
                </span>
                ,
                <span class="color-positive">
                  E +9%
                </span>
                ,
                <span class="color-negative">
                  E -18%
                </span>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <br>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        Question 2:
        <span class="text-preserve-space">
          Comments about my contribution (shown to other teammates)
        </span>
      </h4>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          You
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                I was the project lead. I designed the application architecture and managed the project to ensure we deliver the product on time.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Charlie Davis
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Charlie Davis
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                I am a bit slow compared to my team mates, but the members helped me to catch up.
              </td>
            </tr>
            <tr>
              <td>
                <ul class="list-group comment-list">
                  <li class="list-group-item list-group-item-warning" id="responseCommentRow-${comment.id}">
                    <div id="commentBar-${comment.id}">
                      <span class="text-muted">
                        From: AHPUiT+++_.instr1!@gmail.tmt [Mon, 30 Apr 2012, 09:36 PM UTC]
                      </span>
                    </div>
                    <div id="plainCommentText-${comment.id}" style="margin-left: 15px;">
                      <p>
                        Well, Being your first team project always takes some time. I hope you had nice experience working with the team.
                      </p>
                    </div>
                  </li>
                </ul>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Francis Gabriel
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Francis Gabriel
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                I was the designer. I did all the UI work.
              </td>
            </tr>
            <tr>
              <td>
                <ul class="list-group comment-list">
                  <li class="list-group-item list-group-item-warning" id="responseCommentRow-${comment.id}">
                    <div id="commentBar-${comment.id}">
                      <span class="text-muted">
                        From: AHPUiT+++_.instr1!@gmail.tmt [Mon, 30 Apr 2012, 09:39 PM UTC]
                      </span>
                    </div>
                    <div id="plainCommentText-${comment.id}" style="margin-left: 15px;">
                      <p>
                        Design could have been more interactive.
                      </p>
                    </div>
                  </li>
                </ul>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Gene Hudson
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Gene Hudson
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                I am the programmer for the team. I did most of the coding.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <br>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        Question 3:
        <span class="text-preserve-space">
          My comments about this teammate(confidential and only shown to instructor)
        </span>
      </h4>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Charlie Davis
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                A bit weak in terms of technical skills. He spent lots of time in picking up the skills. Although a bit slow in development, his attitude is good.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Francis Gabriel
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Francis is the designer of the project. He did a good job!
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Gene Hudson
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Gene is the programmer for our team. She put in a lot of effort in coding a significant portion of the project.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <br>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        Question 4:
        <span class="text-preserve-space">
          Comments about team dynamics(confidential and only shown to instructor)
        </span>
      </h4>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Team 2
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                I had a great time with this team. Thanks for all the support from the members.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <br>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4>
        Question 5:
        <span class="text-preserve-space">
          My feedback to this teammate(shown anonymously to the teammate)
        </span>
      </h4>
      <div class="panel panel-primary">
        <div class="panel-heading">
          <b>
            To:
          </b>
          You
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Anonymous student ${participant.hash}
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Thank you AHPUiT Instrúctör WithPlusInEmail for all the hardwork!
              </td>
            </tr>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Anonymous student ${participant.hash}
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Thank you AHPUiT Instrúctör WithPlusInEmail for all the help in the project.
              </td>
            </tr>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                Anonymous student ${participant.hash}
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Thank you AHPUiT Instrúctör WithPlusInEmail for being such a good team leader!
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Charlie Davis
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Good try Charlie! Thanks for showing great effort in picking up the skills.
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Francis Gabriel
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Nice work Francis!
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="panel panel-info">
        <div class="panel-heading">
          <b>
            To:
          </b>
          Gene Hudson
        </div>
        <table class="table">
          <tbody>
            <tr class="resultSubheader">
              <td>
                <span class="bold">
                  <b>
                    From:
                  </b>
                </span>
                You
              </td>
            </tr>
            <tr>
              <td class="text-preserve-space">
                Keep up the good work Gene!
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <br>
</div>
