se-hub/templates/views/project.html

216 lines
7.3 KiB
HTML
Raw Normal View History

2015-06-29 19:31:32 +00:00
<div class = "project">
2015-06-29 16:23:14 +00:00
<md-content layout-padding layout-margin>
<div layout = "row">
2015-08-01 14:49:01 +00:00
<div ng-if="!project.logo_url || project.logo_url == ''">
2015-08-01 12:38:45 +00:00
<h1 layout-margin style="margin-left:15px"><i class="fa fa-cube"></i> {{project.projectName}}</h1>
2015-08-01 14:49:01 +00:00
</div>
<div ng-if="project.logo_url && project.logo_url != ''"> <!-- ng-if = "{{project.logo_url}}"> -->
2015-08-01 12:38:45 +00:00
<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>
2015-06-29 19:31:32 +00:00
</div>
<div>
<div layout = "row" flex = "45">
<!-- <div ng-if = "isMasterOrLecturer"> -->
<md-card layout = "row">
2015-08-03 19:26:57 +00:00
<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>
2015-06-29 19:31:32 +00:00
</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>
2015-08-02 19:06:35 +00:00
<div layout = "column" ng-repeat = "member in project.members">
2015-08-02 22:01:25 +00:00
<div layout = "row">
<div>
<md-button ng-click = "goToProfile(member.id)">
{{member.name}}
</md-button>
</div>
<div ng-if="isMaster">
2015-08-02 19:06:35 +00:00
<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>
2015-08-02 22:01:25 +00:00
</div>
2015-08-02 19:06:35 +00:00
</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>
2015-06-29 19:31:32 +00:00
</div>
</div>
</md-card>
2015-08-02 20:52:41 +00:00
<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>
2015-08-02 22:01:25 +00:00
<md-content>
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="Messages">
2015-08-02 22:01:25 +00:00
<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">
2015-08-03 19:55:16 +00:00
<div layout = "row" layout-padding ng-if="!displayingMessages && msg.isProject && msg.groupId == project.id">
2015-08-02 22:01:25 +00:00
<div flex = "10">
<img ng-src="{{msg.user.avatar_url}}" style="width:80%">
2015-08-02 19:06:35 +00:00
</div>
2015-08-02 22:01:25 +00:00
<div flex = "20" layout = "column">
<div>
{{msg.user.username}}
</div>
<div>
{{msg.group.courseName}}
{{msg.group.projectName}}
2015-08-03 20:51:52 +00:00
{{getDate(msg)}}
2015-08-02 22:01:25 +00:00
</div>
</div>
<div flex = "40">
{{msg.message}}
2015-08-02 19:06:35 +00:00
</div>
</div>
2015-08-02 22:01:25 +00:00
</md-card>
</md-content>
</md-tab>
<md-tab label="Commits">
2015-07-02 10:14:23 +00:00
<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>
2015-08-02 22:40:14 +00:00
<span>
<a target = "_blank"ng-href="{{commit.html_url}}"
style="text-decoration:none; color:black;">
2015-08-02 22:40:14 +00:00
{{commit.commit.message}}
</a>
</span>
</td>
<td>
2015-08-02 22:40:14 +00:00
<span >
{{commit.commit.committer.date}}
</span>
</td>
2015-08-02 22:40:14 +00:00
<td >
<a ng-href="#/profile/{{member.id}}" style="text-decoration:none; color:black;">
2015-08-02 22:40:14 +00:00
{{commit.commit.committer.name}}
</a>
</td>
</tr>
</table>
</md-content>
</md-tab>
<md-tab label="Issues">
2015-07-02 10:14:23 +00:00
<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>
2015-08-02 22:40:14 +00:00
<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>
2015-08-02 22:01:25 +00:00
<!-- <md-tab label="tasks">
<md-content class="md-padding">
<h1 class="md-display-2">tasks</h1>
<p>tasks..</p>
</md-content>
2015-08-02 22:01:25 +00:00
</md-tab> -->
</md-tabs>
</md-content>
</md-card>
</div>
</div>
</div>
2015-06-29 16:23:14 +00:00
</md-content>
</div>