init profile projects
Juanfran
parent
7224a1f688
commit
e399999750
|
|
@ -1,129 +0,0 @@
|
|||
section.profile-projects
|
||||
- for (var x = 0; x < 3; x++)
|
||||
div.project-list-single
|
||||
div.project-list-single-left
|
||||
|
||||
div.project-list-single-title
|
||||
h1
|
||||
a(href="", title="View {{ project.title }}") My Side Project
|
||||
p We plan to build a hundred of so called "telehubs" so people from all over the world can immediately relocate their physical self at any other telehub in microseconds. The technology and science behind this project is sound and we are now ready to build the first telehub and then massproduce them.
|
||||
|
||||
div.project-list-single-tags.tags-container
|
||||
// Tag border style has to be set by JS
|
||||
span.tag(style='border-left: 5px solid #73d216;')
|
||||
span.tag-name python
|
||||
span.tag(style='border-left: 5px solid #cc0000;')
|
||||
span.tag-name groovy
|
||||
span.tag(style='border-left: 5px solid #25f45c;')
|
||||
span.tag-name opensource
|
||||
|
||||
div.project-list-single-right
|
||||
|
||||
div.project-list-single-stats
|
||||
div.stat-comments(title="2 comments")
|
||||
span.icon.icon-comment
|
||||
span.stat-num 2
|
||||
div.stat-favorite.active(title="2 favorites")
|
||||
span.icon.icon-star-fill
|
||||
span.stat-num 4
|
||||
div.stat-viewer(title="2 followers")
|
||||
span.icon.icon-open-eye
|
||||
span.stat-num 4
|
||||
|
||||
div.project-list-single-members
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/annapickard/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/nexy_dre/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/pixeliris/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/cbillins/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/allisongrayce/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/uxceo/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/syswarren/128.jpg", alt="{{ user.nickname }}")
|
||||
|
||||
div.project-list-single
|
||||
div.project-list-single-left
|
||||
div.project-list-single-title
|
||||
h1
|
||||
a(href="", title="View {{ project.title }}") Teletransportation hubs
|
||||
|
||||
div.project-list-single-tags.tags-container
|
||||
// Tag border style has to be set by JS
|
||||
span.tag(style='border-left: 5px solid #43d56f;')
|
||||
span.tag-name javascript
|
||||
span.tag(style='border-left: 5px solid #0000cc;')
|
||||
span.tag-name css
|
||||
span.tag(style='border-left: 5px solid #cc43fd;')
|
||||
span.tag-name design
|
||||
|
||||
div.project-list-single-right
|
||||
div.project-list-single-stats
|
||||
div.stat-comments(title="2 comments")
|
||||
span.icon.icon-comment
|
||||
span.stat-num 2
|
||||
div.stat-favorite(title="2 favorites")
|
||||
span.icon.icon-star-fill
|
||||
span.stat-num 4
|
||||
div.stat-viewer(title="2 followers")
|
||||
span.icon.icon-open-eye
|
||||
span.stat-num 4
|
||||
div.project-list-single-members
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/annapickard/128.jpg")
|
||||
|
||||
div.project-list-single
|
||||
div.project-list-single-left
|
||||
|
||||
div.project-list-single-title
|
||||
h1
|
||||
a(href="", title="View {{ project.title }}") Taiga
|
||||
p Una plataforma social para crear comunidad entorno a la tienda. Esta comunidad está pensada para quedar a hacer deporte, compartir iniciativas.
|
||||
|
||||
div.project-list-single-tags.tags-container
|
||||
// Tag border style has to be set by JS
|
||||
span.tag(style='border-left: 5px solid #11cd00;')
|
||||
span.tag-name PHP
|
||||
span.tag(style='border-left: 5px solid #ff00dd;')
|
||||
span.tag-name marketing
|
||||
span.tag(style='border-left: 5px solid #cdcd54;')
|
||||
span.tag-name wordpress
|
||||
div.project-list-single-right
|
||||
|
||||
div.project-list-single-stats
|
||||
div.stat-comments
|
||||
span.icon.icon-comment
|
||||
span.stat-num 2
|
||||
div.stat-favorite.active
|
||||
span.icon.icon-star-fill
|
||||
span.stat-num 4
|
||||
div.stat-viewer
|
||||
span.icon.icon-open-eye
|
||||
span.stat-num 4
|
||||
|
||||
div.project-list-single-members
|
||||
- for (var x = 0; x < 2; x++)
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/annapickard/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/nexy_dre/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/pixeliris/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/cbillins/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/allisongrayce/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/uxceo/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/syswarren/128.jpg", alt="{{ user.nickname }}")
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
ProfileProjectsDirective = (projectsService) ->
|
||||
link = (scope, el, attrs, ctrl) ->
|
||||
scope.vm = {}
|
||||
taiga.defineImmutableProperty(scope.vm, "projects", () -> projectsService.projects.get("all"))
|
||||
|
||||
directive = {
|
||||
templateUrl: "profile/profile-projects/profile-projects.html"
|
||||
scope: {}
|
||||
link: link
|
||||
}
|
||||
|
||||
return directive
|
||||
|
||||
|
||||
ProfileProjectsDirective.$inject = ["tgProjectsService"]
|
||||
|
||||
angular.module("taigaProfile").directive("tgProfileProjects", ProfileProjectsDirective)
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
section.profile-projects
|
||||
div.project-list-single(tg-repeat="project in vm.projects")
|
||||
div.project-list-single-left
|
||||
|
||||
div.project-list-single-title
|
||||
h1
|
||||
a(href="#", tg-nav="project:project=project.slug", title="{{ ::project.name }}") {{::project.name}}
|
||||
p {{ ::project.description | limitTo:300 }}
|
||||
|
||||
div.project-list-single-tags.tags-container
|
||||
span.tag(style='border-left: 5px solid {{::tag.color}};', ng-repeat="tag in ::project.colorized_tags")
|
||||
span.tag-name {{::tag.name}}
|
||||
|
||||
div.project-list-single-right
|
||||
|
||||
div.project-list-single-stats
|
||||
div.stat-comments(title="2 comments")
|
||||
span.icon.icon-comment
|
||||
span.stat-num 2
|
||||
div.stat-favorite.active(title="2 favorites")
|
||||
span.icon.icon-star-fill
|
||||
span.stat-num 4
|
||||
div.stat-viewer(title="2 followers")
|
||||
span.icon.icon-open-eye
|
||||
span.stat-num 4
|
||||
|
||||
div.project-list-single-members
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/annapickard/128.jpg")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/nexy_dre/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/pixeliris/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/cbillins/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/allisongrayce/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/uxceo/128.jpg", alt="{{ user.nickname }}")
|
||||
a(href="", title="View {{ user.nickname }} profile")
|
||||
img(src="https://s3.amazonaws.com/uifaces/faces/twitter/syswarren/128.jpg", alt="{{ user.nickname }}")
|
||||
|
|
@ -10,7 +10,7 @@ div.profile.centered
|
|||
include includes/profile-timeline
|
||||
|
||||
div(tg-profile-tab="projects", tab-title="Projects Tab", tab-icon="icon-project")
|
||||
include includes/profile-projects
|
||||
div(tg-profile-projects)
|
||||
|
||||
div(tg-profile-tab="contacts", tab-title="Contacts Tab", tab-icon="icon-team")
|
||||
include includes/profile-contacts
|
||||
|
|
|
|||
|
|
@ -21,9 +21,21 @@ class ProjectsService extends taiga.Service
|
|||
|
||||
@._projectsPromise = @rs.projects.listByMember(@rootScope.user?.id)
|
||||
@._projectsPromise.then (projects) =>
|
||||
for project in projects
|
||||
_.map projects, (project) =>
|
||||
project.url = @projectUrl.get(project)
|
||||
|
||||
|
||||
console.log project.memberships
|
||||
|
||||
project.colorized_tags = []
|
||||
|
||||
if project.tags
|
||||
tags = project.tags.sort()
|
||||
|
||||
project.colorized_tags = _.map tags, (tag) ->
|
||||
color = project.tags_colors[tag]
|
||||
return {name: tag, color: color}
|
||||
|
||||
@._projects = Immutable.fromJS({
|
||||
all: projects,
|
||||
recents: projects.slice(0, 10)
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ describe "tgProjects", ->
|
|||
|
||||
beforeEach ->
|
||||
projects = [
|
||||
{"id": 1},
|
||||
{"id": 1, tags: ['xx', 'yy', 'aa'], tags_colors: {xx: "red", yy: "blue", aa: "white"}},
|
||||
{"id": 2},
|
||||
{"id": 3},
|
||||
{"id": 4},
|
||||
|
|
@ -113,6 +113,20 @@ describe "tgProjects", ->
|
|||
expect(projectsService.projects.get("all").toJS()[0].url).to.be.equal("url-1")
|
||||
expect(projectsService.projects.get("recents").toJS()[0].url).to.be.equal("url-1")
|
||||
|
||||
it "add sorted colorized_tags project object", () ->
|
||||
mocks.thenStub.callArg(0, projects)
|
||||
|
||||
tags = [
|
||||
{name: "aa", color: "white"},
|
||||
{name: "xx", color: "red"},
|
||||
{name: "yy", color: "blue"}
|
||||
];
|
||||
|
||||
|
||||
colorized_tags = projectsService.projects.get("all").toJS()[0].colorized_tags
|
||||
|
||||
expect(colorized_tags).to.be.eql(tags)
|
||||
|
||||
it "newProject, create the wizard lightbox", () ->
|
||||
projectsService.newProject()
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue