Commit @d1fd3c0f3648aaee33b4b313a88a786790a0b514

a062672

d1fd3c0

app/assets/stylesheets/less/_common.less

--- app/assets/stylesheets/less/_common.less

+++ app/assets/stylesheets/less/_common.less


 /** text style **/
 .bold { font-weight:bold; }
 .gray-txt      { color:@gray-cc !important; }
+.darkgray-txt  { color:@gray-99 !important; }
 .orange-txt    { color:@orange !important; }
 .primary-txt   { color:@primary !important; }
 .secondary-txt { color:@secondary !important; }

a062672

d1fd3c0

app/assets/stylesheets/less/_page.less

--- app/assets/stylesheets/less/_page.less

+++ app/assets/stylesheets/less/_page.less


 
 .project-header-outer {
     background-color:#ececec;
-    height:69px;
+    height:80px;
     border-bottom:1px solid #ddd;
     background-clip: padding-box;
     background-position: bottom;

                width:100%;
                ul {
                     display:inline-block;
-                    width:115px; max-height:71px;
+                    max-width: 920px;
                     overflow:hidden;
 
                     li {

                     white-space: nowrap;
                     overflow: hidden;
                     font-size: 14px;
+                    font-weight: bold;
                 }
 
                 .review-meta {

         }
     }
 }
+
+.group-title-head{
+  color: #00bff3;
+  .border-radius(3px);
+  font-size: 12px;
+  margin-right: 5px;
+  padding: 3px;
+}
+
+.my-list-item {
+  img {
+    width: 20px;
+    height: 20px;
+    .border-radius(3px);
+    border: 1px solid #ececec;
+    margin-right: 3px;
+  }
+  .dummy-25px {
+    width: 25px;
+    display: inline-block;
+  }
+}
+
+.dropdown-menu>li {
+  .my-list-item;
+}
+
+.margin-right-15 {
+  margin-right: 15px;
+}

a062672

d1fd3c0

app/assets/stylesheets/less/_yobiUI.less

--- app/assets/stylesheets/less/_yobiUI.less

+++ app/assets/stylesheets/less/_yobiUI.less


     display:inline-block;
     vertical-align:middle;
     overflow:hidden;
-    border: 1px solid #ccc;
     background:#ddd;
     .border-radius(3px) !important;
 

             > a {
                 .border-radius(3px);
                 color:#292929;
-                padding: 3px 20px 5px;
+                padding: 3px 5px 5px 15px;
                 background-color:transparent !important;
                 .transition(all 0.2s ease);
 

a062672

d1fd3c0

app/utils/TemplateHelper.scala

--- app/utils/TemplateHelper.scala

+++ app/utils/TemplateHelper.scala


     "<a href=\"" + userInfoURL + "\" class=\"usf-group\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"" + user.name + "\"><img src=\"" + user.avatarUrl + "\" class=\"avatar-wrap " + avatarSize + "\"></a>"
   }
 
+  def urlToProjectBG(project: Project) = {
+    models.Attachment.findByContainer(project.asResource) match {
+      case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
+      case _ => routes.Assets.at("images/project_default.png")
+    }
+  }
+
   def urlToProjectLogo(project: Project) = {
     models.Attachment.findByContainer(project.asResource) match {
       case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
-      case _ => routes.Assets.at("images/bg-default-project.jpg")
+      case _ => routes.Assets.at("images/projet_deault.png")
+    }
+  }
+
+  def hasProjectLogo(project: Project) = {
+    models.Attachment.findByContainer(project.asResource) match {
+      case files if files.size > 0 => true
+      case _ => false
     }
   }
 

   def urlToOrganizationLogo(organization: Organization) = {
     models.Attachment.findByContainer(organization.asResource) match {
       case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
-      case _ => routes.Assets.at("images/bg-default-project.jpg")
+      case _ => routes.Assets.at("images/group_default.png")
+    }
+  }
+
+  def hasOrganizationLogo(organization: Organization) = {
+    models.Attachment.findByContainer(organization.asResource) match {
+      case files if files.size > 0 => true
+      case _ => false
     }
   }
 

a062672

d1fd3c0

app/views/common/usermenu.scala.html

--- app/views/common/usermenu.scala.html

+++ app/views/common/usermenu.scala.html


 @(project:Project)
+@import utils.TemplateHelper._
 @orderString = @{"createdDate DESC"}
 <ul class="gnb-usermenu">
     <li>

                     <span class="numberic">@groups.size</span>
                 </li>
                 @if(groups.length > 0) {
-                    @for(g <- groups){
-                        <li><a href="@routes.OrganizationApp.organization(g.name)"><span class="bold">@g.name</span></a></li>
+                    @for(organization <- groups){
+                        <li><a href="@routes.OrganizationApp.organization(organization.name)">@if(hasOrganizationLogo(organization)){<img src="@urlToOrganizationLogo(organization)">}else{<span class="dummy-25px"> </span>} <span class="bold">@organization.name</span></a></li>
                     }
                 } else {
                     <li class="empty">@Messages("organization.is.empty")</li>

                     <span class="numberic">@visitedProjects.size</span>
                 </li>
                 @if(visitedProjects.length > 0) {
-                    @for(pv <- visitedProjects){
-                        <li><a href="@routes.ProjectApp.project(pv.project.owner, pv.project.name)"><span class="gray">@pv.project.owner / </span><span class="bold">@pv.project.name</span></a></li>
+                    @for(visited <- visitedProjects){
+                        <li><a href="@routes.ProjectApp.project(visited.project.owner, visited.project.name)">@if(hasProjectLogo(visited.project)){<img src="@urlToProjectLogo(visited.project)">} else{<span class="dummy-25px"> </span>} <span class="bold">@visited.project.name</span> <span class="darkgray-txt small-font margin-right-15">of @visited.project.owner</span></a></li>
                     }
                 } else {
                     @defining(Project.findProjectsCreatedByUser(UserApp.currentUser.loginId, orderString)) { myProjects =>
                         @if(myProjects.length > 0) {
                             @for(project <- myProjects){
-                                <li><a href="@routes.ProjectApp.project(project.owner, project.name)"><span class="gray">@project.owner / </span><span class="bold">@project.name</span></a></li>
+                                <li>@if(hasProjectLogo(project)){<img src="@urlToProjectLogo(project)">} <a href="@routes.ProjectApp.project(project.owner, project.name)"><span class="bold">@project.name</span> <span class="darkgray-txt small-font margin-right-15">of @project.owner</span></a></li>
                             }
                         } else {
                             <li class="empty">@Messages("project.is.empty")</li>

a062672

d1fd3c0

app/views/index/myOrganizationList.scala.html

--- app/views/index/myOrganizationList.scala.html

+++ app/views/index/myOrganizationList.scala.html


 @defining(Organization.findOrganizationsByUserLoginId(UserApp.currentUser.loginId)) { organizations =>
     @for(organization <- organizations){
         <li class="my-list-item" data-value="@organization.name">
-            <a href="@routes.OrganizationApp.organization(organization.name)">
+            @if(hasOrganizationLogo(organization)){<img src="@urlToOrganizationLogo(organization)">}else{<span class="dummy-25px"> </span>}<a href="@routes.OrganizationApp.organization(organization.name)">
                 <span class="bold">@organization.name</span>
             </a>
         </li>

a062672

d1fd3c0

app/views/index/myProjectList.scala.html

--- app/views/index/myProjectList.scala.html

+++ app/views/index/myProjectList.scala.html


 <ul class="tab-pane unstyled my-project-item" id="@title">
 @for(project <- projects){
     <li class="my-list-item" data-value="@if(project.owner != currentUser.loginId) {@project.owner / }@project.name">
-        @if(project.owner != currentUser.loginId) {
-        <a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a> /
-        }
+    @if(hasProjectLogo(project)){<img src="@urlToProjectLogo(project)" alt="@project.name"/>} else{<span class="dummy-25px"> </span>}
         <a href="@routes.ProjectApp.project(project.owner, project.name)" class="project-name">
             <strong>@project.name @if(project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
         </a>
+        <span class="gray-txt small-font">of <a href="@routes.UserApp.userInfo(project.owner)" >@project.owner</a></span>
     </li>
 }
 </ul>
 }
 @defining(currentUser.getVisitedProjects(10)){ visitedProjects =>
 <ul class="tab-pane unstyled my-project-item active" id="recentlyVisited">
-@for(pv <- visitedProjects){
-    <li class="my-list-item" data-value="@if(pv.project.owner != currentUser.loginId) {@pv.project.owner / }@pv.project.name">
-        @if(pv.project.owner != currentUser.loginId) {
-        <a href="@routes.UserApp.userInfo(pv.project.owner)">@pv.project.owner</a> /
-        }
-        <a href="@routes.ProjectApp.project(pv.project.owner, pv.project.name)" class="project-name">
-            <strong>@pv.project.name @if(pv.project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
+@for(visited <- visitedProjects){
+    <li class="my-list-item" data-value="@if(visited.project.owner != currentUser.loginId) {@visited.project.owner / }@visited.project.name">
+        @if(hasProjectLogo(visited.project)){<img src="@urlToProjectLogo(visited.project)" alt="@visited.project.name"/>} else{<span class="dummy-25px"> </span>}<a href="@routes.ProjectApp.project(visited.project.owner, visited.project.name)" class="project-name">
+            <strong>@visited.project.name @if(visited.project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
         </a>
+        <span class="gray-txt small-font">of <a href="@routes.UserApp.userInfo(visited.project.owner)" >@visited.project.owner</a></span>
     </li>
 }
 </ul>    

a062672

d1fd3c0

app/views/organization/header.scala.html

--- app/views/organization/header.scala.html

+++ app/views/organization/header.scala.html


             </div>
             <div class="project-breadcrumb-wrap">
                 <div class="project-breadcrumb">
-                    <span class="project-author"><a href="@routes.OrganizationApp.organization(org.name)">@org.name</a></span>
+                    <span class="project-author"><span class="group-title-head">group</span><a href="@routes.OrganizationApp.organization(org.name)">@org.name</a></span>
                 </div>
             </div>
         </div>

d1fd3c0

public/images/bg-samples/yobi_bg01.jpg (Binary) (added)

+++ public/images/bg-samples/yobi_bg01.jpg

Binary file is not shown

d1fd3c0

public/images/bg-samples/yobi_bg02.jpg (Binary) (added)

+++ public/images/bg-samples/yobi_bg02.jpg

Binary file is not shown

d1fd3c0

public/images/group_default.png (Binary) (added)

+++ public/images/group_default.png

Binary file is not shown

d1fd3c0

public/images/projet_deault.png (Binary) (added)

+++ public/images/projet_deault.png

Binary file is not shown

d1fd3c0

public/images/yobi_bg01.jpg (Binary) (added)

+++ public/images/yobi_bg01.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg02.jpg (Binary) (added)

+++ public/images/yobi_bg02.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg03.jpg (Binary) (added)

+++ public/images/yobi_bg03.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg04.jpg (Binary) (added)

+++ public/images/yobi_bg04.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg05.jpg (Binary) (added)

+++ public/images/yobi_bg05.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg06.jpg (Binary) (added)

+++ public/images/yobi_bg06.jpg

Binary file is not shown

d1fd3c0

public/images/yobi_bg07.jpg (Binary) (added)

+++ public/images/yobi_bg07.jpg

Binary file is not shown

...	...	@@ -135,6 +135,7 @@
135	135	/ text style /
136	136	.bold { font-weight:bold; }
137	137	.gray-txt { color:@gray-cc !important; }
	138	+.darkgray-txt { color:@gray-99 !important; }
138	139	.orange-txt { color:@orange !important; }
139	140	.primary-txt { color:@primary !important; }
140	141	.secondary-txt { color:@secondary !important; }

...	...	@@ -218,7 +218,7 @@
218	218
219	219	.project-header-outer {
220	220	background-color:#ececec;
221		- height:69px;
	221	+ height:80px;
222	222	border-bottom:1px solid #ddd;
223	223	background-clip: padding-box;
224	224	background-position: bottom;
...	...	@@ -1600,7 +1600,7 @@
1600	1600	width:100%;
1601	1601	ul {
1602	1602	display:inline-block;
1603		- width:115px; max-height:71px;
	1603	+ max-width: 920px;
1604	1604	overflow:hidden;
1605	1605
1606	1606	li {
...	...	@@ -5426,6 +5426,7 @@
5426	5426	white-space: nowrap;
5427	5427	overflow: hidden;
5428	5428	font-size: 14px;
	5429	+ font-weight: bold;
5429	5430	}
5430	5431
5431	5432	.review-meta {
...	...	@@ -5445,3 +5446,33 @@
5445	5446	}
5446	5447	}
5447	5448	}
	5449	+
	5450	+.group-title-head{
	5451	+ color: #00bff3;
	5452	+ .border-radius(3px);
	5453	+ font-size: 12px;
	5454	+ margin-right: 5px;
	5455	+ padding: 3px;
	5456	+}
	5457	+
	5458	+.my-list-item {
	5459	+ img {
	5460	+ width: 20px;
	5461	+ height: 20px;
	5462	+ .border-radius(3px);
	5463	+ border: 1px solid #ececec;
	5464	+ margin-right: 3px;
	5465	+ }
	5466	+ .dummy-25px {
	5467	+ width: 25px;
	5468	+ display: inline-block;
	5469	+ }
	5470	+}
	5471	+
	5472	+.dropdown-menu>li {
	5473	+ .my-list-item;
	5474	+}
	5475	+
	5476	+.margin-right-15 {
	5477	+ margin-right: 15px;
	5478	+}

...	...	@@ -422,7 +422,6 @@
422	422	display:inline-block;
423	423	vertical-align:middle;
424	424	overflow:hidden;
425		- border: 1px solid #ccc;
426	425	background:#ddd;
427	426	.border-radius(3px) !important;
428	427
...	...	@@ -1037,7 +1036,7 @@
1037	1036	> a {
1038	1037	.border-radius(3px);
1039	1038	color:#292929;
1040		- padding: 3px 20px 5px;
	1039	+ padding: 3px 5px 5px 15px;
1041	1040	background-color:transparent !important;
1042	1041	.transition(all 0.2s ease);
1043	1042

...	...	@@ -142,10 +142,24 @@
142	142	"<a href=\"" + userInfoURL + "\" class=\"usf-group\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"" + user.name + "\"><img src=\"" + user.avatarUrl + "\" class=\"avatar-wrap " + avatarSize + "\"></a>"
143	143	}
144	144
	145	+ def urlToProjectBG(project: Project) = {
	146	+ models.Attachment.findByContainer(project.asResource) match {
	147	+ case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
	148	+ case _ => routes.Assets.at("images/project_default.png")
	149	+ }
	150	+ }
	151	+
145	152	def urlToProjectLogo(project: Project) = {
146	153	models.Attachment.findByContainer(project.asResource) match {
147	154	case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
148		- case _ => routes.Assets.at("images/bg-default-project.jpg")
	155	+ case _ => routes.Assets.at("images/projet_deault.png")
	156	+ }
	157	+ }
	158	+
	159	+ def hasProjectLogo(project: Project) = {
	160	+ models.Attachment.findByContainer(project.asResource) match {
	161	+ case files if files.size > 0 => true
	162	+ case _ => false
149	163	}
150	164	}
151	165
...	...	@@ -233,7 +247,14 @@
233	247	def urlToOrganizationLogo(organization: Organization) = {
234	248	models.Attachment.findByContainer(organization.asResource) match {
235	249	case files if files.size > 0 => routes.AttachmentApp.getFile(files.head.id)
236		- case _ => routes.Assets.at("images/bg-default-project.jpg")
	250	+ case _ => routes.Assets.at("images/group_default.png")
	251	+ }
	252	+ }
	253	+
	254	+ def hasOrganizationLogo(organization: Organization) = {
	255	+ models.Attachment.findByContainer(organization.asResource) match {
	256	+ case files if files.size > 0 => true
	257	+ case _ => false
237	258	}
238	259	}
239	260

...	...	@@ -1,4 +1,5 @@
1	1	@(project:Project)
	2	+@import utils.TemplateHelper._
2	3	@orderString = @{"createdDate DESC"}
3	4	<ul class="gnb-usermenu">
4	5	<li>
...	...	@@ -65,8 +66,8 @@
65	66	<span class="numberic">@groups.size</span>
66	67	</li>
67	68	@if(groups.length > 0) {
68		- @for(g <- groups){
69		- <li><a href="@routes.OrganizationApp.organization(g.name)"><span class="bold">@g.name</span></a></li>
	69	+ @for(organization <- groups){
	70	+ <li><a href="@routes.OrganizationApp.organization(organization.name)">@if(hasOrganizationLogo(organization)){<img src="@urlToOrganizationLogo(organization)">}else{<span class="dummy-25px"> </span>} <span class="bold">@organization.name</span></a></li>
70	71	}
71	72	} else {
72	73	<li class="empty">@Messages("organization.is.empty")</li>
...	...	@@ -78,14 +79,14 @@
78	79	<span class="numberic">@visitedProjects.size</span>
79	80	</li>
80	81	@if(visitedProjects.length > 0) {
81		- @for(pv <- visitedProjects){
82		- <li><a href="@routes.ProjectApp.project(pv.project.owner, pv.project.name)"><span class="gray">@pv.project.owner / </span><span class="bold">@pv.project.name</span></a></li>
	82	+ @for(visited <- visitedProjects){
	83	+ <li><a href="@routes.ProjectApp.project(visited.project.owner, visited.project.name)">@if(hasProjectLogo(visited.project)){<img src="@urlToProjectLogo(visited.project)">} else{<span class="dummy-25px"> </span>} <span class="bold">@visited.project.name</span> <span class="darkgray-txt small-font margin-right-15">of @visited.project.owner</span></a></li>
83	84	}
84	85	} else {
85	86	@defining(Project.findProjectsCreatedByUser(UserApp.currentUser.loginId, orderString)) { myProjects =>
86	87	@if(myProjects.length > 0) {
87	88	@for(project <- myProjects){
88		- <li><a href="@routes.ProjectApp.project(project.owner, project.name)"><span class="gray">@project.owner / </span><span class="bold">@project.name</span></a></li>
	89	+ <li>@if(hasProjectLogo(project)){<img src="@urlToProjectLogo(project)">} <a href="@routes.ProjectApp.project(project.owner, project.name)"><span class="bold">@project.name</span> <span class="darkgray-txt small-font margin-right-15">of @project.owner</span></a></li>
89	90	}
90	91	} else {
91	92	<li class="empty">@Messages("project.is.empty")</li>

...	...	@@ -5,7 +5,7 @@
5	5	@defining(Organization.findOrganizationsByUserLoginId(UserApp.currentUser.loginId)) { organizations =>
6	6	@for(organization <- organizations){
7	7	<li class="my-list-item" data-value="@organization.name">
8		- <a href="@routes.OrganizationApp.organization(organization.name)">
	8	+ @if(hasOrganizationLogo(organization)){<img src="@urlToOrganizationLogo(organization)">}else{<span class="dummy-25px"> </span>}<a href="@routes.OrganizationApp.organization(organization.name)">
9	9	<span class="bold">@organization.name</span>
10	10	</a>
11	11	</li>

...	...	@@ -5,26 +5,23 @@
5	5	<ul class="tab-pane unstyled my-project-item" id="@title">
6	6	@for(project <- projects){
7	7	<li class="my-list-item" data-value="@if(project.owner != currentUser.loginId) {@project.owner / }@project.name">
8		- @if(project.owner != currentUser.loginId) {
9		- <a href="@routes.UserApp.userInfo(project.owner)">@project.owner</a> /
10		- }
	8	+ @if(hasProjectLogo(project)){<img src="@urlToProjectLogo(project)" alt="@project.name"/>} else{<span class="dummy-25px"> </span>}
11	9	<a href="@routes.ProjectApp.project(project.owner, project.name)" class="project-name">
12	10	<strong>@project.name @if(project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
13	11	</a>
	12	+ <span class="gray-txt small-font">of <a href="@routes.UserApp.userInfo(project.owner)" >@project.owner</a></span>
14	13	</li>
15	14	}
16	15	</ul>
17	16	}
18	17	@defining(currentUser.getVisitedProjects(10)){ visitedProjects =>
19	18	<ul class="tab-pane unstyled my-project-item active" id="recentlyVisited">
20		-@for(pv <- visitedProjects){
21		- <li class="my-list-item" data-value="@if(pv.project.owner != currentUser.loginId) {@pv.project.owner / }@pv.project.name">
22		- @if(pv.project.owner != currentUser.loginId) {
23		- <a href="@routes.UserApp.userInfo(pv.project.owner)">@pv.project.owner</a> /
24		- }
25		- <a href="@routes.ProjectApp.project(pv.project.owner, pv.project.name)" class="project-name">
26		- <strong>@pv.project.name @if(pv.project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
	19	+@for(visited <- visitedProjects){
	20	+ <li class="my-list-item" data-value="@if(visited.project.owner != currentUser.loginId) {@visited.project.owner / }@visited.project.name">
	21	+ @if(hasProjectLogo(visited.project)){<img src="@urlToProjectLogo(visited.project)" alt="@visited.project.name"/>} else{<span class="dummy-25px"> </span>}<a href="@routes.ProjectApp.project(visited.project.owner, visited.project.name)" class="project-name">
	22	+ <strong>@visited.project.name @if(visited.project.isPrivate){ <i class="yobicon-lock yobicon-small"></i> }</strong>
27	23	</a>
	24	+ <span class="gray-txt small-font">of <a href="@routes.UserApp.userInfo(visited.project.owner)" >@visited.project.owner</a></span>
28	25	</li>
29	26	}
30	27	</ul>

Delete comment