arnaucube
arnaucube/commonroutesWebAppPublic Self-hosted repository
commonroutesWebApp/views/user/user.html
views/user/user.htmlRaw
  1<div class="container">
  2    <div class="row">
  3        <div class="col-sm-4">
  4            <div class="panel">
  5                <div class="panel-heading c_deepPurpleG500to300">
  6                    <h3 class="panel-title">User profile</h3>
  7                </div>
  8                <div class="panel-body">
  9                    <div class="list-group">
 10                        <a class="list-group-item">
 11                            <div class="row-picture">
 12                                <img class="circle" ng-src="{{user.avatar}}" alt="icon">
 13                            </div>
 14                            <div class="row-content">
 15                                <h4 class="list-group-item-heading">
 16                                    {{user.username}} <i ng-show="user.validated" class="fa fa-check-circle ct_blue300" title="user validated"></i>
 17                                </h4>
 18
 19                                <p class="list-group-item-text">{{user.description}}</p>
 20                            </div>
 21                        </a>
 22                    </div>
 23                    <p>
 24                        {{user.email}}
 25                    </p>
 26                    <p>
 27                        <a ng-show="user.telegram" ng-href="https://t.me/{{user.telegram}}" target="_blank" class="ct_deepPurple300">
 28                            <i class="fa fa-telegram fa-2x"></i> @{{user.telegram}}
 29                        </a>
 30                    </p>
 31                    <p ng-show="user.phone">
 32                        <i class="fa fa-phone fa-2x"></i> {{user.phone}}
 33                    </p>
 34                </div>
 35                <div class="text-right">
 36                    <a ng-href="#!/userLikes/{{user._id}}" class="ct_deepPurple300">
 37                        {{user.likes.length}} likes
 38                    </a>
 39                    <div ng-show="arrayObjectIndexOf(user.likes, storageuser._id)==-1"
 40                    ng-click="likeUser()" class="btn" title="click to like user">
 41                        <i class="fa fa-heart fa-2x"></i> Like
 42                    </div>
 43                    <div ng-show="arrayObjectIndexOf(user.likes, storageuser._id)>-1"
 44                    ng-click="unlikeUser()" class="btn" title="click to unlike user">
 45                        <i class="fa fa-heart fa-2x ctext_red600"></i> Unlike
 46                    </div>
 47
 48                </div>
 49                <div class="panel-body">
 50                    <img ng-src="{{user.faircoin}}" class="img-responsive">
 51                    {{user.faircoinString}}
 52                </div>
 53            </div>
 54        </div>
 55        <div class="col-sm-8">
 56            <div class="row">
 57                <div class="col-sm-6">
 58                    <div ng-repeat="travel in user.travels" ng-if="$index % 2 == 0">
 59                        <a ng-href="#!/travel/{{travel._id}}">
 60                            <div ng-include="'views/travelCardTemplate.html'"></div>
 61                        </a>
 62                        <br>
 63                    </div>
 64                </div>
 65                <div class="col-sm-6">
 66                    <div ng-repeat="travel in user.travels" ng-if="$index % 2 == 1">
 67                        <a ng-href="#!/travel/{{travel._id}}">
 68                            <div ng-include="'views/travelCardTemplate.html'"></div>
 69                        </a>
 70                        <br>
 71                    </div>
 72                </div>
 73            </div>
 74            <!--<div class="panel">
 75                <div class="panel-heading c_deepPurpleG500to300">
 76                    <h3 class="panel-title">User travels</h3>
 77                </div>
 78                <div class="panel-body">
 79                    <table class="table table-striped table-hover ">
 80                        <thead>
 81                            <tr>
 82                                <th>Type</th>
 83                                <th>Title</th>
 84                                <th>Date</th>
 85                                <th>User</th>
 86                                <th>nºJoins</th>
 87                                <th></th>
 88                            </tr>
 89                        </thead>
 90                        <tbody>
 91                            <tr ng-repeat="travel in user.travels">
 92                                <td>
 93                                    <i ng-show="travel.type=='offering'" class="fa fa-car fa-2x"></i>
 94                                    <i ng-show="travel.type=='asking'" class="fa fa-question fa-2x"></i>
 95                                    <i ng-show="travel.type=='package'" class="fa fa-archive fa-2x"></i>
 96                                </td>
 97                                <td>{{travel.title}}</td>
 98                                <td>{{travel.date | date}}</td>
 99                                <td>
100                                    <a ng-href="#!/user/{{travel.user._id}}">
101                                        {{travel.user.username}}
102                                    </a>
103                                </td>
104                                <td>{{travel.joins.length}}</td>
105                                <td><a ng-href="#!/travel/{{travel._id}}">View</a></td>
106                            </tr>
107                        </tbody>
108                    </table>
109                </div>
110            </div>-->
111        </div>
112    </div>
113</div>