arnaucube/decentralized-blogging-platform
1
0
Fork 0
mirror of https://github.com/arnaucube/decentralized-blogging-platform.git synced 2026-02-07 11:26:43 +01:00
Code Issues Packages Projects Releases Wiki Activity

user profile

Browse Source
This commit is contained in:
arnaucode
2018-02-01 16:07:40 +01:00
parent bad807b79d
commit b26533efa3
10 changed files with 189 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
webapp/views/user/user.html Normal file
View File

@@ -0,0 +1,85 @@
<div class="container">
<div class="row">
<div class="col-sm-3">
<div class="card">
<div class="o_userProfileBackground">
</div>
<div class="card-body">
<img class="o_userImgCircular" ng-src="https://www.eyerys.com/sites/default/files/mark_zuckerberg.jpg" />
<h4>
{{user.name}} {{user.lastname}}
</h4>
<p>{{user.description}}</p>
<p>
<a ng-href="#!/userLikes/{{user._id}}">
14 followers
</a> |
<a ng-href="#!/userLikes/{{user._id}}">
20 following
</a>
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<b>About</b>
<p>
Twitter <a ng-href="https://twitter.com/{{user.twitter}}" target="_blank">{{user.twitter}}</a>
</p>
<p>
Github <a ng-href="https://github.com/{{user.github}}" target="_blank">{{user.github}}</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6">
<div ng-repeat="post in user.posts">
<div class="card">
<div class="card-body">
<h5 class="card-title">{{post.title}}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{post.subtitle}}</h6>
<img ng-src="{{post.img}}" class="img-fluid" />
<p class="card-text">{{post.content}}</p>
<div class="pull-right">
<i title="Server" class="fa fa-heart ct_red300 fa-1x"></i> 37
</div>
</div>
</div>
<br>
</div>
</div>
<div class="col-sm-3">
<div class="card">
<div class="card-body">
<b>Discover</b>
<p>
bla bla bla bla bla
</p>
<p>
bla bla bla bla bla
</p>
</div>
</div>
<br>
<div class="card">
<div class="card-body">
<b>Featured posts</b>
</div>
<div ng-repeat="post in featured_posts">
<div class="card-body">
<h5 class="card-title">{{post.title}}</h5>
<h6 class="card-subtitle mb-2 text-muted">{{post.subtitle}}</h6>
<img ng-src="{{post.img}}" class="img-fluid" />
<p class="card-text">{{post.content}}</p>
<div class="pull-right">
<i title="Server" class="fa fa-heart ct_red300 fa-1x"></i> 37
</div>
</div>
<hr>
</div>
</div>
</div>
</div>
</div>
</div>

59
webapp/views/user/user.js Normal file
View File

@@ -0,0 +1,59 @@
'use strict';
angular.module('app.user', ['ngRoute'])
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/user', {
templateUrl: 'views/user/user.html',
controller: 'UserCtrl'
});
}])
.controller('UserCtrl', function($scope, $rootScope, $http) {
/*$http.get(apiurl + 'user/' + )
.then(function(data) {
console.log('data success');
console.log(data);
$scope.user = data.data;
}, function(data) {
console.log('no user');
});*/
//fake data
$scope.user = {
username: "mark_zuckerberg",
name: "Mark",
lastname: "Zuckerberg",
description: "Hi all, I'm here to write decentralized blog posts.",
twitter: "arnaucode",
github: "arnaucode",
posts: [
{
title: "This is the second post",
subtitle: "this is the subtitle of the second post",
img: "https://cdn-images-1.medium.com/fit/t/800/240/1*4_E6m7J0112DBi1Lmdniiw.png",
content: "Some quick example text to build on the card title and make up the bulk of the card's content."
},
{
title: "This is the first post",
subtitle: "this is the subtitle of the first post",
img: "https://bootstrap-themes.github.io/application/assets/img/unsplash_1.jpg",
content: "Some quick example text to build on the card title and make up the bulk of the card's content."
}
]
};
$scope.featured_posts= [
{
title: "Thinking about python development",
subtitle: "this is the subtitle of the second post",
img: "https://cdn.static-economist.com/sites/default/files/images/2015/09/blogs/economist-explains/code2.png",
content: "Some quick example text to build on the card title and make up the bulk of the card's content."
},
{
title: "Thinking about G",
subtitle: "this is the subtitle of the first post",
img: "https://cdn-images-1.medium.com/max/1600/1*RNkyx-Zq7w61eR74nMYgnA.jpeg",
content: "Some quick example text to build on the card title and make up the bulk of the card's content."
}
]
});