Commit e9d85210 by Ha Jonguk

関連資料リスト表示実装

parent 98be45e2
...@@ -4,22 +4,42 @@ body { ...@@ -4,22 +4,42 @@ body {
background: white; background: white;
} }
/* 3点リーダー */
.textEllipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
#content-grid { #content-grid {
margin: 15px 12px; 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 */
section.sectionhomelist{ section.sectionhomelist{
height: 135px; height: 135px;
display: block; display: flex;
border: 1px solid #cccccc; border: 1px solid #cccccc;
} }
.cnt_section_list{ .cnt_section_list{
margin: 0; margin: 0;
width: 100%;
height: 120px; height: 120px;
position: relative; position: relative;
padding-top: 10px; padding-top: 10px;
padding-bottom: 5px; padding-bottom: 5px;
display: flex;
} }
.cnt_section_list a.img{ .cnt_section_list a.img{
display: block; display: block;
...@@ -33,11 +53,12 @@ section.sectionhomelist{ ...@@ -33,11 +53,12 @@ section.sectionhomelist{
height: 120px; height: 120px;
margin: 0 0 0 40px; margin: 0 0 0 40px;
padding-top: 8px; padding-top: 8px;
width: 70%; width: 80%;
} }
.cnt_section_list .text ul.date{ .cnt_section_list .text ul.date{
/* [disabled]float: left; */ /* [disabled]float: left; */
display: block; display: block;
white-space: nowrap;
} }
.cnt_section_list .text .info{ .cnt_section_list .text .info{
...@@ -98,3 +119,7 @@ section.sectionhomelist{ ...@@ -98,3 +119,7 @@ section.sectionhomelist{
font-size: 16px; font-size: 16px;
} }
.content-list {
white-space: nowrap;
}
...@@ -63,7 +63,7 @@ HOME_CHECK.initProjectView = function() { ...@@ -63,7 +63,7 @@ HOME_CHECK.initProjectView = function() {
}; };
// Initial Content Screen // Initial Content Screen
HOME_CHECK.initContentView = function(relatedContentList, projectUse) { HOME_CHECK.initContentView = function(relatedContentList, projectUse, projectName) {
var sortType = HOME_CHECK.DEFAULT_SORT_TYPE; var sortType = HOME_CHECK.DEFAULT_SORT_TYPE;
var sortOrder = HOME_CHECK.DEFAULT_SORT_ORDER; var sortOrder = HOME_CHECK.DEFAULT_SORT_ORDER;
...@@ -115,7 +115,7 @@ HOME_CHECK.initContentView = function(relatedContentList, projectUse) { ...@@ -115,7 +115,7 @@ HOME_CHECK.initContentView = function(relatedContentList, projectUse) {
//HOME.resetShowNextRecordCount(); //HOME.resetShowNextRecordCount();
// Render Gridview // 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 // Go To Details Page
$('.button-details').live('click', HOME_CHECK.readSubmenuFunction); $('.button-details').live('click', HOME_CHECK.readSubmenuFunction);
...@@ -134,7 +134,7 @@ HOME_CHECK.refreshGrid = function() { ...@@ -134,7 +134,7 @@ HOME_CHECK.refreshGrid = function() {
}; };
// /Render Content // /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 = { var params = {
sid : id, sid : id,
searchText : text, searchText : text,
...@@ -155,6 +155,11 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -155,6 +155,11 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
var versionArr = ClientData.ResourceVersion(); var versionArr = ClientData.ResourceVersion();
var metaArr = ClientData.MetaVersion(); var metaArr = ClientData.MetaVersion();
var readArr = ClientData.ReadingContentIds(); 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) { $.each(data.contentList, function(i, post) {
...@@ -170,7 +175,7 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -170,7 +175,7 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
+ ' <div class="text">' + ' <div class="text">'
+ ' <a id="title' + post.contentId + '" class="dialog name lang" lang="lblTitle" contentid="' + post.contentId + '">' + ' <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">' + ' <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>' + ' </a>'
+ ' <div class="info">' + ' <div class="info">'
+ ' <ul class="date">' + ' <ul class="date">'
...@@ -543,7 +548,7 @@ HOME_CHECK.renderAddProject = function(post) { ...@@ -543,7 +548,7 @@ HOME_CHECK.renderAddProject = function(post) {
if (post.relatedContentList.length > 0) { if (post.relatedContentList.length > 0) {
$(actionBtnDiv.children()[2]).on("click", function() { $(actionBtnDiv.children()[2]).on("click", function() {
HOME_CHECK.initContentView(post.relatedContentList); HOME_CHECK.initContentView(post.relatedContentList, null, post.projectName);
}); });
} else { } else {
$(actionBtnDiv.children()[2]).find('img').attr("src","img/check/ic_common_content_off.png"); $(actionBtnDiv.children()[2]).find('img').attr("src","img/check/ic_common_content_off.png");
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment