216 lines
7.3 KiB
HTML
216 lines
7.3 KiB
HTML
<div class = "project">
|
|
<md-content layout-padding layout-margin>
|
|
<div layout = "row">
|
|
<div ng-if="!project.logo_url || project.logo_url == ''">
|
|
<h1 layout-margin style="margin-left:15px"><i class="fa fa-cube"></i> {{project.projectName}}</h1>
|
|
</div>
|
|
<div ng-if="project.logo_url && project.logo_url != ''"> <!-- ng-if = "{{project.logo_url}}"> -->
|
|
<div flex = "10" layout='row'>
|
|
<div>
|
|
<img ng-src="{{project.logo_url}}" class = "md-avatar">
|
|
</div>
|
|
<div class='port_spacer'>
|
|
<h1>{{project.projectName}}</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div layout = "row" flex = "45">
|
|
<!-- <div ng-if = "isMasterOrLecturer"> -->
|
|
<md-card layout = "row">
|
|
<div ng-if="!isLecturer && !isMember && !isInProject" layout-padding>
|
|
<md-button ng-click="joinProject($event)" ng class = "md-raised md-primary" aria-label="jP">
|
|
<i class="fa fa-user-plus"></i>
|
|
</md-button>
|
|
</div>
|
|
<div layout-padding>
|
|
<md-button ng-click="editProject($event)" ng class="md-raised md-primary" aria-label="eP">
|
|
<i class="fa fa-pencil-square-o"></i>
|
|
</md-button>
|
|
</div>
|
|
<div layout-padding>
|
|
<md-button ng-click="removeProject($event)" ng class="md-raised md-primary" aria-label="rP">
|
|
<i class="fa fa-times"></i>
|
|
</md-button>
|
|
</div>
|
|
</md-card>
|
|
<!-- </div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<md-card>
|
|
<div flex = "80" layout = "row" style="height:40%;" layout-margin>
|
|
<div flex = "10" layout-padding layout-margin border = "1">
|
|
Team Members:
|
|
<ul layout-padding>
|
|
<div layout = "column" ng-repeat = "member in project.members">
|
|
<div layout = "row">
|
|
<div>
|
|
<md-button ng-click = "goToProfile(member.id)">
|
|
{{member.name}}
|
|
</md-button>
|
|
</div>
|
|
<div ng-if="isMaster">
|
|
<div ng-if = "isEditPressed">
|
|
<md-button ng-click="removeUserFromProject()" ng class="md-raised md-primary" aria-label="rU">
|
|
<i class="fa fa-times"></i>
|
|
</md-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
<div flex = "40">
|
|
<!-- Graph -->
|
|
<div ng-if="loadingData" layout-paddig layout-margin class="loader">
|
|
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
|
|
</div>
|
|
<md-card>
|
|
<canvas layout-padding layout-margin ng-if = "!loadingData" id="line" class="chart chart-line" data="project.info.stats.weekly_commits.data" labels="project.info.stats.weekly_commits.labels" legend="true" ></canvas>
|
|
</md-card>
|
|
</div>
|
|
<div flex = "35">
|
|
<md-card>
|
|
<canvas layout-padding layout-margin ng-if = "!loadingData" id="project.projectName" class="chart chart-bar" data="project.info.stats.micro.data" labels="project.info.stats.micro.labels" series="project.info.stats.micro.series"></canvas>
|
|
</md-card>
|
|
</div>
|
|
</div>
|
|
</md-card>
|
|
<div class ="addMessage" layout="row" layout-margin layout padding>
|
|
<div>
|
|
<md-button ng-click="addMessageClicked()" ng class="md-raised md-primary" aria-label="aM"><i class="fa fa-comments"></i></md-button>
|
|
</div>
|
|
</div>
|
|
<div ng-if="addMsg">
|
|
<div layout = "row" layout-margin layout padding layout-align = "left center">
|
|
<md-button ng-click="postMessageClicked()" ng class="md-raised md-primary">Post</md-button>
|
|
</div>
|
|
<div class="port_spacer"></div>
|
|
<div layout-padding layout = "row">
|
|
<div flex = "60">
|
|
<md-input-container>
|
|
<label> Write Your Desired Message Here And Press Post</label>
|
|
<input type="text" minlength="1" ng-model="msg.msgToAdd" required></input>
|
|
</md-input-container>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div flex = "96" style="height:70%;">
|
|
<div flex>
|
|
<md-card>
|
|
<md-content>
|
|
<md-tabs md-dynamic-height md-border-bottom>
|
|
<md-tab label="Messages">
|
|
<div ng-if="displayingMessages" layout-paddig layout-margin class="loader">
|
|
<md-progress-circular md-mode="indeterminate"></md-progress-circular>
|
|
</div>
|
|
<md-content class="tabDesign">
|
|
<md-card ng-repeat = "msg in projectMessages">
|
|
<div layout = "row" layout-padding ng-if="!displayingMessages && msg.isProject && msg.groupId == project.id">
|
|
<div flex = "10">
|
|
<img ng-src="{{msg.user.avatar_url}}" style="width:80%">
|
|
</div>
|
|
<div flex = "20" layout = "column">
|
|
<div>
|
|
{{msg.user.username}}
|
|
</div>
|
|
<div>
|
|
{{msg.group.courseName}}
|
|
{{msg.group.projectName}}
|
|
{{getDate(msg)}}
|
|
</div>
|
|
</div>
|
|
<div flex = "40">
|
|
{{msg.message}}
|
|
</div>
|
|
</div>
|
|
</md-card>
|
|
</md-content>
|
|
</md-tab>
|
|
<md-tab label="Commits">
|
|
<md-content class="tabDesign">
|
|
<table style="width:100%;" border = "1">
|
|
<tr>
|
|
<th>Message</th>
|
|
<th style = "width:20%;">Date</th>
|
|
<th style = "width:10%;">Committer</th>
|
|
</tr>
|
|
<tr ng-repeat = "commit in project.info.commits" layout-margin align = "center">
|
|
<td>
|
|
<span>
|
|
<a target = "_blank"ng-href="{{commit.html_url}}"
|
|
style="text-decoration:none; color:black;">
|
|
{{commit.commit.message}}
|
|
</a>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span >
|
|
{{commit.commit.committer.date}}
|
|
</span>
|
|
</td>
|
|
<td >
|
|
<a ng-href="#/profile/{{member.id}}" style="text-decoration:none; color:black;">
|
|
{{commit.commit.committer.name}}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</md-content>
|
|
</md-tab>
|
|
<md-tab label="Issues">
|
|
<md-content class="tabDesign">
|
|
<table style="width:100%;" border = "1">
|
|
<tr>
|
|
<th>Title</th>
|
|
<th style = "width:15%;">Labels</th>
|
|
<th style = "width:10%;">Milestone</th>
|
|
<th style = "width:10%;">User</th>
|
|
</tr>
|
|
<tr ng-repeat = "issue in project.info.issues" layout-margin align="center">
|
|
<td align="top">
|
|
<a target="_blank" ng-href="{{issue.html_url}}" style="text-decoration:none; color:black;">
|
|
{{issue.title}}
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<span ng-repeat = "label in issue.labels">
|
|
<md-card style="background-color:{{label.color}}">
|
|
{{label.name}}
|
|
</md-card>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
{{issue.milestone.title}}
|
|
</td>
|
|
<td>
|
|
<span>
|
|
<a ng-href = "{{getProfileRoute(issue.assignee.login)}}" style="text-decoration:none; color:black;">
|
|
{{issue.assignee.login}}
|
|
</a>
|
|
</span>
|
|
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</md-content>
|
|
</md-tab>
|
|
<!-- <md-tab label="tasks">
|
|
<md-content class="md-padding">
|
|
<h1 class="md-display-2">tasks</h1>
|
|
<p>tasks..</p>
|
|
</md-content>
|
|
</md-tab> -->
|
|
</md-tabs>
|
|
</md-content>
|
|
</md-card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</md-content>
|
|
</div> |