関連資料リスト表示実装

abvw/css/layout/list_relation_content.css

@@ -4,22 +4,42 @@ body {
 	background: white;
 }
 
+/* 3点リーダー */
+.textEllipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap
+}
+
 #content-grid {
 	margin: 15px 12px;
+	min-width: 800px;
+}
+
+.projectName_div {
+	width: auto;
+	display: flex;
+	justify-content: left;
+	font-size: 30px;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #ccc;
+	text-indent: 5px;
 }
 
 /* section */
 section.sectionhomelist{
     height: 135px;
-    display: block;
+    display: flex;
     border: 1px solid #cccccc;
 }
 .cnt_section_list{
     margin: 0;
+    width: 100%;
     height: 120px;
     position: relative;
     padding-top: 10px;
     padding-bottom: 5px;
+    display: flex;
 }
 .cnt_section_list a.img{
     display: block;
@@ -33,11 +53,12 @@ section.sectionhomelist{
     height: 120px;
     margin: 0 0 0 40px;
 	padding-top: 8px;
-	width: 70%;
+	width: 80%;
 }
 .cnt_section_list .text ul.date{
     /* [disabled]float: left; */
     display: block;
+    white-space: nowrap;
 }
 
 .cnt_section_list .text .info{
@@ -98,3 +119,7 @@ section.sectionhomelist{
 	font-size: 16px;
 }
 
+.content-list {
+	white-space: nowrap;
+}
+

abvw/js/home_check.js

@@ -63,7 +63,7 @@ HOME_CHECK.initProjectView = function() {
 };
 
 // Initial Content Screen
-HOME_CHECK.initContentView = function(relatedContentList, projectUse) {
+HOME_CHECK.initContentView = function(relatedContentList, projectUse, projectName) {
 
     var sortType = HOME_CHECK.DEFAULT_SORT_TYPE;
     var sortOrder = HOME_CHECK.DEFAULT_SORT_ORDER;
@@ -115,7 +115,7 @@ HOME_CHECK.initContentView = function(relatedContentList, projectUse) {
     //HOME.resetShowNextRecordCount();
 
     // Render Gridview
-    HOME_CHECK.renderContent(sid, searchText, searchDivision, sortType, sortOrder, offsetPage, limitPage, genreId, groupId, contentIds, projectUse);
+    HOME_CHECK.renderContent(sid, searchText, searchDivision, sortType, sortOrder, offsetPage, limitPage, genreId, groupId, contentIds, projectUse, projectName);
 
     // Go To Details Page
     $('.button-details').live('click', HOME_CHECK.readSubmenuFunction);
@@ -134,7 +134,7 @@ HOME_CHECK.refreshGrid = function() {
 };
 
 // /Render Content
-HOME_CHECK.renderContent = function(id, text, division, type, order, offset, limit, cateid, grpid, contentIds, projectUse) {
+HOME_CHECK.renderContent = function(id, text, division, type, order, offset, limit, cateid, grpid, contentIds, projectUse, projectName) {
     var params = {
         sid : id,
         searchText : text,
@@ -155,6 +155,11 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
         var versionArr = ClientData.ResourceVersion();
         var metaArr = ClientData.MetaVersion();
         var readArr = ClientData.ReadingContentIds();
+        
+        // プロジェクト名表示
+        if (projectName) {
+        	$('#content-grid').append($("<div/>", { class: "projectName_div" }).append($("<span/>", { class: "textEllipsis" }).text(projectName)));
+        }
 
         $.each(data.contentList, function(i, post) {
 
@@ -170,7 +175,7 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
                 + '		<div class="text">'
                 + '         <a id="title' + post.contentId + '" class="dialog name lang" lang="lblTitle" contentid="' + post.contentId + '">'
                 + '             <img class="listIcon" src="' + COMMON.getIconTypeContent(post.contentType) + '" width="20" height="20" style="float:left">'
-                + ' 			<div class="content-list" style="">' + post.contentTitle + '</div>'
+                + ' 			<div class="content-list textEllipsis" style="">' + post.contentTitle + '</div>'
                 + '         </a>'
                 + '			<div class="info">'
                 + '				<ul class="date">'
@@ -543,7 +548,7 @@ HOME_CHECK.renderAddProject = function(post) {
 
     if (post.relatedContentList.length > 0) {
         $(actionBtnDiv.children()[2]).on("click", function() {
-            HOME_CHECK.initContentView(post.relatedContentList);
+            HOME_CHECK.initContentView(post.relatedContentList, null, post.projectName);
         });
     } else {
         $(actionBtnDiv.children()[2]).find('img').attr("src","img/check/ic_common_content_off.png");