Skip to content

Commit 45f857d

Browse files
micrummicrum
committed
rework messages sidebar
1 parent 14c22db commit 45f857d

File tree

2 files changed

+64
-67
lines changed

2 files changed

+64
-67
lines changed

‎src/app/views/partials/messages.html‎

Lines changed: 64 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,73 +1,70 @@
11
<!-- TODO: move section element to directive -->
2-
<!-- TODO: replace md-icon to ng-src and fix images paths in build -->
32
<div class="messages" ng-controller="MessagesController as vm">
4-
<md-content class="messages-content">
5-
<section>
6-
<md-subheader class="md-primary">New Orders</md-subheader>
7-
<md-list layout="column">
8-
<md-item ng-repeat="message in vm.messages">
9-
<md-divider></md-divider>
10-
<md-item-content>
11-
<md-icon flex="20" md-svg-icon="user"></md-icon>
12-
<div class="md-tile-content">
13-
<h3>{{message.subject}}</h3>
14-
<h4>{{message.userName}}</h4>
15-
<p>{{message.text}}</p>
16-
</div>
17-
</md-item-content>
18-
</md-item>
19-
</md-list>
20-
</section>
3+
<md-content class="messages-content">
4+
<section>
5+
<md-subheader class="md-accent">New Orders</md-subheader>
6+
<md-list>
7+
<md-list-item class="md-3-line" ng-repeat="message in vm.messages">
8+
<img class="md-avatar" ng-src="assets/images/einstein.jpg">
9+
<div class="md-list-item-text">
10+
<h3>{{message.subject}}</h3>
11+
<h4>{{message.userName}}</h4>
12+
<p>{{message.text}}</p>
13+
</div>
14+
</md-list-item>
15+
</md-list>
16+
</section>
2117

22-
<section>
23-
<md-subheader>Awaiting delivery</md-subheader>
24-
<md-list layout="column">
25-
<md-item ng-repeat="message in vm.messages">
26-
<md-divider></md-divider>
27-
<md-item-content>
28-
<md-icon flex="20" md-svg-icon="user"></md-icon>
29-
<div class="md-tile-content">
30-
<h3>{{message.subject}}</h3>
31-
<h4>{{message.userName}}</h4>
32-
<p>{{message.text}}</p>
33-
</div>
34-
</md-item-content>
35-
</md-item>
36-
</md-list>
37-
</section>
18+
<section>
19+
<md-subheader class="md-primary">Awaiting delivery</md-subheader>
20+
<md-list>
21+
<md-list-item class="md-3-line"
22+
ng-repeat="message in vm.messages">
23+
<img class="md-avatar" ng-src="assets/images/einstein.jpg">
3824

39-
<section>
40-
<md-subheader class="md-accent">Delivered</md-subheader>
41-
<md-list layout="column">
42-
<md-item ng-repeat="message in vm.messages">
43-
<md-divider></md-divider>
44-
<md-item-content>
45-
<md-icon flex="20" md-svg-icon="user"></md-icon>
46-
<div class="md-tile-content">
47-
<h3>{{message.subject}}</h3>
48-
<h4>{{message.userName}}</h4>
49-
<p>{{message.text}}</p>
50-
</div>
51-
</md-item-content>
52-
</md-item>
53-
</md-list>
54-
</section>
25+
<div class="md-list-item-text">
26+
<h3>{{message.subject}}</h3>
27+
<h4>{{message.userName}}</h4>
5528

56-
<section>
57-
<md-subheader class="md-warn">Problems reported</md-subheader>
58-
<md-list layout="column">
59-
<md-item ng-repeat="message in vm.messages">
60-
<md-divider></md-divider>
61-
<md-item-content>
62-
<md-icon flex="20" md-svg-icon="user"></md-icon>
63-
<div class="md-tile-content">
64-
<h3>{{message.subject}}</h3>
65-
<h4>{{message.userName}}</h4>
66-
<p>{{message.text}}</p>
67-
</div>
68-
</md-item-content>
69-
</md-item>
70-
</md-list>
71-
</section>
72-
</md-content>
29+
<p>{{message.text}}</p>
30+
</div>
31+
</md-list-item>
32+
</md-list>
33+
</section>
34+
35+
<section>
36+
<md-subheader class="md-accent">Delivered</md-subheader>
37+
<md-list>
38+
<md-list-item class="md-3-line"
39+
ng-repeat="message in vm.messages">
40+
<img class="md-avatar" ng-src="assets/images/einstein.jpg">
41+
42+
<div class="md-list-item-text">
43+
<h3>{{message.subject}}</h3>
44+
<h4>{{message.userName}}</h4>
45+
46+
<p>{{message.text}}</p>
47+
</div>
48+
</md-list-item>
49+
</md-list>
50+
</section>
51+
52+
<section>
53+
<md-subheader class="md-warn">Problems reported</md-subheader>
54+
<md-list>
55+
<md-list-item class="md-3-line"
56+
ng-repeat="message in vm.messages">
57+
<img class="md-avatar" ng-src="assets/images/einstein.jpg">
58+
59+
<div class="md-list-item-text">
60+
<h3>{{message.subject}}</h3>
61+
<h4>{{message.userName}}</h4>
62+
63+
<p>{{message.text}}</p>
64+
</div>
65+
</md-list-item>
66+
</md-list>
67+
</section>
68+
<md-divider></md-divider>
69+
</md-content>
7370
</div>

‎src/assets/images/einstein.jpg‎

15.5 KB
Loading

0 commit comments

Comments
 (0)