<!DOCTYPE html>
<html lang="en">
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta charset="utf-8" />
      <title>DART</title>
      <link href="./bootstrap/css/bootstrap.css" rel="stylesheet" />
      <link href="./css/app.css" rel="stylesheet" />
      <link href="./css/bwizard.css" rel="stylesheet" />
      <!--[if lt IE 9]><script src="./js/html5shim.js"></script><![endif]-->
      <link rel="shortcut icon" href="./css/vinci.png">
   </head>
   <body>
      <header class="navbar navbar-inverse navbar-fixed-top clearfix" role="banner">
         <div class="navbar-inner">
            <div class="container">
               <a class="brand small" href="dashboard.html" aria-label="Data Access Request Tracker"><i class="vinci-icon"></i> Data Access Request Tracker <i class="icon-chevron-right icon-white"></i></a><a class="brand small" href="dashboard.html">Dashboard <i class="icon-chevron-right icon-white"></i></a><span class="navbar-current"> Communication</span>
               <p class="navbar-text pull-right">
                  <i class="icon-user icon-white"></i> Welcome <a href="#" class="active"></a> 
               </p>			   
            </div>
         </div>
      </header>
      <div class="container" role="main">
         <div class="well">
            <div id="wizard" class="bwizard clearfix">
               <ol class="pull-left bwizard-steps clearfix wizard-cursor" role="menubar">
                  <li id="Information" role="menuitem">Information</li>
                  <li id="Participants" role="menuitem">Participants</li>
                  <li id="Data" role="menuitem">Data</li>
                  <li id="Documents" role="menuitem">Documents</li>
                  <li id="Submit" role="menuitem">Submit</li>
               </ol>
               <span class="span1"></span>
               <span class="span1 center label3"><a id="history" href="#" role="button"><i class="history-icon"></i><br />
               <small>History</small></a></span>
               <span class="span2 pull-right center label3 left-twentyfive"><a href="#" role="button"><i class="communication-icon"></i><br />
               <small>Communication</small></a></span>
               <br class="clear" />
               <div class="well">
                  <div class="tab-study-name bwizard-activated" role="tabpanel" aria-hidden="false">
                  <h6 class="tracking-number muted"></h6>
                     <div class="study-name muted small"> </div>
                        <h1 class="pull-left"><i class="communication-icon"></i> Communication</h1> 
                           <div class="pull-right add-button add-new-button"></div>
                    <br class="clear" />
                     <div class="comment-body-table"> </div>
                     <table class="table">
                        <thead>
                           <tr>
                              <th>Topic</th>
                              <th>Author</th>
                              <th>Date</th>
                              <th>Message</th>
                           </tr>
                        </thead>
                        <tbody class="hide" aria-hidden="true"></tbody>
                        <tfoot>
                           <tr>
                              <td colspan="4">
                                 <div class="progress progress-striped active">
                                    <div class="bar" style="width: 100%;" role="progressbar" aria-live="polite">Loading...</div>
                                 </div>
                              </td>
                           </tr>
                        </tfoot>
                     </table>
                     <!-- 
                     <ul class="pager bwizard-buttons">
                        <li class="previous disabled" role="button"><a href="#">← Previous</a></li>
                        <li class="next" role="button"><a href="#">Next →</a></li>
                     </ul>
                      -->
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Mustache Templates -->
      <script type="text/templates" class="singleCommentBodyTemplate">
              <div id="collapse{{commentId}}" class="collapse wrap-word">
                <div class="muted">VIEW COMMENT</div>
                <h3 id="newCommunicationModalLabel" class="pull-left minus-five wrap-word" />{{description}}</h4>
                <div class="pull-right small-text">Posted {{created}}</div>
                <br class="clear" />
                <i class="icon-user-small"></i>By {{author}}
                <p class="dashed wrap-word">{{commentText}}</p>
	            <div class="pull-right">
    	           <button class="btn accordion-toggle" data-toggle="collapse" data-parent="#accordion{{commentId}}" id="close" href="#collapse{{commentId}}">Close</button>
        	       <button class="btn btn-primary" id="cancel" onClick="window.open('communication-reply.html?id={{commentId}}','mywindow','width=700,height=550')">Reply</button>
            	</div>
              </div>
      </script>
      
      <script type="text/templates" class="singleCommentRowTemplate">
            <tr id="{{commentId}}">
            	<td class="wrap-word"><i class="{{iconClass}}"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{commentId}}" href="#collapse{{commentId}}">{{description}}</a></td>
                <td>{{author}}</td>
                <td>{{created}}</td>
                <td>{{shortText}}&hellip;</td>
            </tr>
      </script>
      <script type="text/templates" class="singleReplyRowTemplate">
               <tr id="{{commentId}}" class="{{parentsClass}} hide" data-parent="{{parentId}}" aria-hidden="true">
                   <td class="wrap-word">{{#parents}}<i id="indent" class="icon-reply"></i> {{/parents}}<i class="{{iconClass}}"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{commentId}}" href="#collapse{{commentId}}">Re: {{description}}</a></td>
                   <td>{{author}}</td>
                   <td>{{created}}</td>
                   <td>{{shortText}}&hellip;</td>
               </tr>
      </script>
      

<!--  original templates -->
      <script type="text/templates" class="commentBodyTemplate">
         {{#comments}}
           <div id="collapse{{commentId}}" class="collapse wrap">
             <div class="muted">VIEW COMMENT</div>
             	<h3 id="newCommunicationModalLabel" class="pull-left minus-five wrap" />{{description}}</h4>
                 <div class="pull-right small-text">Posted {{created}}</div>
                 <br class="clear" />
                 <i class="icon-user-small"></i>By {{author}}
                 <p class="dashed wrap">{{commentText}}</p>
             <div class="pull-right">
             	<button class="btn accordion-toggle" data-toggle="collapse" data-parent="#accordion{{commentId}}" id="close" href="#collapse{{commentId}}">Close</button>
                <button class="btn btn-primary" id="cancel" onClick="window.open('communication-reply.html?id={{commentId}}','mywindow','width=700,height=550')">Reply</button>
         	</div>
         </div>
            {{#replies}}
              <div id="collapse{{replyId}}" class="collapse wrap">
                <div class="muted">VIEW COMMENT</div>
                  <h3 id="newCommunicationModalLabel" class="pull-left minus-five wrap" />{{description}}</h4>
                    <div class="pull-right small-text">Posted {{created}}</div>
                    <br class="clear" />
                    <i class="icon-user-small"></i>By {{author}}
                    <p class="dashed wrap">{{commentText}}</p>
                <div class="pull-right">
                  <button class="btn accordion-toggle" data-toggle="collapse" data-parent="#accordion{{replyId}}" id="close" href="#collapse{{replyId}}">Close</button>
                  <button class="btn btn-primary" id="cancel" onClick="window.open('communication-reply.html?id={{replyId}}','mywindow','width=700,height=550')">Reply</button>
               </div>
            </div>
            {{/replies}}
         {{/comments}}
      </script>
      <script type="text/templates" class="commentRowTemplate">
         {{#comments}}
            <tr id="{{commentId}}">
            	<td class="wrap"><i class="{{iconClass}}"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{commentId}}" href="#collapse{{commentId}}">{{description}}</a></td>
                <td>{{author}}</td>
                <td>{{created}}</td>
                <td>{{shortText}}&hellip;</td>
            </tr>
            {{#replies}}
               <tr id="{{replyId}}" class="child-{{commentId}} hide" aria-hidden="true">
                   <td class="wrap"><i class="icon-reply"></i> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion{{replyId}}" href="#collapse{{replyId}}">Re: {{description}}</a></td>
                   <td>{{author}}</td>
                   <td>{{created}}</td>
                   <td>{{shortText}}&hellip;</td>
               </tr>
            {{/replies}}
         {{/comments}}
      </script>
<!--  original templates -->
      
      <script type="text/templates" class="newCommentTemplate">
         <button onClick="window.open('communication-new.html?id={{activityId}}&rid={{requestId}}','mywindow','width=700,height=550')" role="button" class="btn btn-primary btn-small" id="addNew" tabindex="1" autofocus type="button">Add New</button>
      </script>
      
		<script type="text/templates" class="backToTemplate">
		{{#review}}
			{{#preparatoryRequest}}
				<a href="./review/review-preparatory-project.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/preparatoryRequest}}
			{{#researchRequest}}
				<a href="./review/review-project.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/researchRequest}}
			{{#operationsRequest}}
				<a href="./review/review-non-research-request.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/operationsRequest}}
			<button class="btn btn-primary btn-mini nowrap" id="backButton">Back to Review</button></a>
		{{/review}}
		{{^review}}
			{{#preparatoryRequest}}
				<a href="./create-new-preparatory.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/preparatoryRequest}}
			{{#researchRequest}}
				<a href="./create-new-project.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/researchRequest}}
			{{#operationsRequest}}
				<a href="./non-research-request.html?id={{activityId}}&rid={{requestId}}&revid={{reviewId}}&wid={{workflowId}}">
			{{/operationsRequest}}
			<button class="btn btn-primary btn-mini nowrap" id="backButton">Back to Request</button></a>
		{{/review}}
		</script>
      
      <!-- JS -->
      <script src="./js/jquery.min.js"></script>
      <script src="./bootstrap/js/bootstrap.min.js"></script>
      <script src="./js/mustache.min.js"></script>
      <script src="./js/communication.js"></script>
      <script src="./js/bwizard.js" type="text/javascript"></script>
      <script src="./JSON-js-master/json2.js"></script>
      <script src="./js/app.js" type="text/javascript"></script>
   </body>
</html>