|
@@ -1,47 +1,47 @@
|
|
|
<template name="profile">
|
|
|
{{> header}}
|
|
|
<div class="row">
|
|
|
- <div class="col s12 m12 l10 push-l1 pull-l1">
|
|
|
- <div class="card">
|
|
|
- <div class="row" style="margin-top: 40px;">
|
|
|
- <div class="col s12 m8 push-m2 pull-m2 l2 push-l5 pull-l5">
|
|
|
- <img src="/notes.png" style="width: 100%;background-color: rgb(245, 245, 245);margin-top: 40px;" class="circle center-align" />
|
|
|
+ <div class="col s12 m12 l10 push-l1 pull-l1">
|
|
|
+ <div class="card">
|
|
|
+ <div class="row" style="margin-top: 40px;">
|
|
|
+ <div class="col s12 m8 push-m2 pull-m2 l2 push-l5 pull-l5">
|
|
|
+ <img src="/notes.png" style="width: 100%;background-color: rgb(245, 245, 245);margin-top: 40px;" class="circle center-align"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<h1 id="profile-name" class="center-align black-text thin">{{username}}</h1>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="container row center" style="list-style-type: none;">
|
|
|
- <div class="col s12 m12 l4">
|
|
|
- <h4>User Info</h4>
|
|
|
- <!--<p>Name: {{real_name}}</p>-->
|
|
|
- <p>Username: {{username}}</p>
|
|
|
- <p>First Joined: {{first_joined}}</p>
|
|
|
- <p>Rank: {{rank}}</p>
|
|
|
- <p>Requested Songs: {{songs_requested}}</p>
|
|
|
- </div>
|
|
|
- <div class="col s12 m12 l4">
|
|
|
- <h4>Liked songs</h4>
|
|
|
- <div style="height: 300px;overflow-y: scroll;">
|
|
|
- {{#each likedSongs}}
|
|
|
- <li>
|
|
|
- <h5>{{title}}</h5>
|
|
|
- <h6>{{artist}}</h6>
|
|
|
- </li>
|
|
|
- {{/each}}
|
|
|
+ <div class="col s12 m12 l4">
|
|
|
+ <h4>User Info</h4>
|
|
|
+ <!--<p>Name: {{real_name}}</p>-->
|
|
|
+ <p>Username: {{username}}</p>
|
|
|
+ <p>First Joined: {{first_joined}}</p>
|
|
|
+ <p>Rank: {{rank}}</p>
|
|
|
+ <p>Requested Songs: {{songs_requested}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="col s12 m12 l4">
|
|
|
+ <h4>Liked songs</h4>
|
|
|
+ <div style="height: 300px;overflow-y: scroll;">
|
|
|
+ {{#each likedSongs}}
|
|
|
+ <li>
|
|
|
+ <h5>{{title}}</h5>
|
|
|
+ <h6>{{artist}}</h6>
|
|
|
+ </li>
|
|
|
+ {{/each}}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col s12 m12 l4">
|
|
|
- <h4>Disliked songs</h4>
|
|
|
- <div style="height: 300px;overflow-y: scroll;">
|
|
|
- {{#each dislikedSongs}}
|
|
|
- <li>
|
|
|
- <h5>{{title}}</h5>
|
|
|
- <h6>{{artist}}</h6>
|
|
|
- </li>
|
|
|
- {{/each}}
|
|
|
+ <div class="col s12 m12 l4">
|
|
|
+ <h4>Disliked songs</h4>
|
|
|
+ <div style="height: 300px;overflow-y: scroll;">
|
|
|
+ {{#each dislikedSongs}}
|
|
|
+ <li>
|
|
|
+ <h5>{{title}}</h5>
|
|
|
+ <h6>{{artist}}</h6>
|
|
|
+ </li>
|
|
|
+ {{/each}}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</template>
|