Commit 98be45e2 by Ha Jonguk

関連資料リスト表示、ソース整理

parent 50fb77fe
@charset "utf-8";
.list a:link{
text-align: center;
float: left;
width: 80px;
height: 33px;
display: table-cell;
}
.list a:hover{
text-align: center;
width: 80px;
height: 33px;
display: table-cell;
}
.list_select{
text-align: center;
width: 80px;
height: 33px;
display: table-cell;
}
#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/* section */
section.sectionhomelist{
height: 135px;
padding-top: 10px;
margin-top: 10px;
display: block;
}
.cnt_section_list{
margin: 0;
height: 120px;
position: relative;
padding-top: 10px;
padding-bottom: 5px;
}
.cnt_section_list:hover{
}
.cnt_section_list a.img{
display: block;
width: 161px;
height: 120px;
float: left;
margin-left: 10px;
}
.cnt_section_list a.img:hover{
}
.cnt_section_list a.img canvas{
margin: 7px auto 0;
}
.cnt_section_list .text{
float: left;
height: 120px;
margin: 0 0 0 25px;
/*----Edit for prevent break layout----*/
width:300px;
}
.cnt_section_list .text a.name{
}
.cnt_section_list .text a.name:hover{ text-decoration:none;}
.cnt_section_list .text ul.date{
/* [disabled]float: left; */
display: block;
}
.cnt_section_list .text ul.date li{
}
/*---*/
.cnt_section_list .text .info{
/* [disabled]overflow: hidden; */
margin-top: 10px;
}
.cnt_section_list .text ul.pic{
position: relative;
/* [disabled]overflow: hidden; */
display: block;
}
.cnt_section_list .text ul.pic li{
height: 68px;
float: left;
}
.cnt_section_list .text ul.pic li img {
position: absolute;
top: 20px;
left: 40px;
}
.cnt_section_list .text ul.pic li img.sticker {
position: absolute;
top: 20px;
left: 0px;
}
.cnt_section_list .text ul.pic li img.pen {
}
.cnt_section_list .text ul.pic li a.read {
display: inline-block;
padding: 2px 26px;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
margin-left: 5px;
}
.cnt_section_list .text ul.pic li a.read:hover {
}
.cnt_section_list .text ul.pic li a.read:active {
position:relative;
top:1px;
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
}
.cnt_section_list .text ul.pic li a.read_hover {
display: inline-block;
padding: 2px 26px;
/* [disabled]text-shadow:1px 1px 0px #686666; */
margin-left: 5px;
line-height: 20px;
}
.cnt_section_list .text ul.pic li a.read_hover:hover {
}.cnt_section_list .text ul.pic li a.read_hover:active {
position:relative;
top:1px;
}
.btn_bott{
display: block;
width: 210px;
height: 33px;
line-height: 33px;
margin: 37px auto 0 auto;
}
a:hover.btn_bott{
}
#list .wrapper_ws #main-ws .hoge-R .tops .floatR {
display: inline;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {
position: absolute;
top: 7px;
left: 12px;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {
position: absolute;
top: 7px;
left: 50px;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .iconList {
position: absolute;
right: -145px;
display: block;
top: 15px;
}
#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {
display: inline;
vertical-align: middle;
margin-right: 5px;
}
@charset "utf-8";
.list a:link{
text-decoration: none;
background-image: url(../../img/bookshelf/list_off.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
.list a:hover{
text-decoration: none;
background-color:#D6E5E5;
background-image: url(../../img/bookshelf/list_on.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
.list_select{
text-decoration: none;
background-color:#D6E5E5;
background-image: url(../../img/bookshelf/list_on.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
}
/* section */
section.sectionhomelist{
border-top: 1px dashed #cccccc;
}
.cnt_section_list{
}
section.sectionhomelist .cnt_section_list:hover{
background-color:#EDEDED;
}
.cnt_section_list a.img{
}
.cnt_section_list a.img:hover{
}
.cnt_section_list a.img canvas{
}
.cnt_section_list .text{
}
.cnt_section_list .text a.name{
color: #37648C;
font-size: 16px;
display: inline-flex;
}
.cnt_section_list .text a .content-list{
width:420px;
white-space: nowrap; /* 改行を半角スペースに置き換える */
overflow: hidden; /* はみだした部分を削除する */
text-overflow: ellipsis;
}
.cnt_section_list .text a.name:hover{ text-decoration:none;}
.cnt_section_list .text ul.date{
}
.cnt_section_list .text ul.date li{
color: #333333;
font-size: 12px;
}
/*---*/
.cnt_section_list .text .info{
}
.cnt_section_list .text ul.pic{
}
.cnt_section_list .text ul.pic li{
}
.cnt_section_list .text ul.pic li img {
}
.cnt_section_list .text ul.pic li img.sticker {
}
.cnt_section_list .text ul.pic li img.pen {
}
.cnt_section_list .text ul.pic li a.read {
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background: -moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color: #23486F;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration: none;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
}
.cnt_section_list .text ul.pic li a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
background-color:#36638B;
}
.cnt_section_list .text ul.pic li a.read:active {
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/list/button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/list/button_back_on.svg);
}
.cnt_section_list .text ul.pic li a.read_hover {
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background: -moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color: #23486F;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.cnt_section_list .text ul.pic li a.read_hover:hover {
/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
background-color:#3f3d3d;*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
background-color:#36638B;
}.cnt_section_list .text ul.pic li a.read_hover:active {
}
.btn_bott{
font-size: 14px;
color: #fff;
text-align: center;
text-decoration: none;
border: 1px solid #0C284E;
border-radius: 4px;
/*outline:1px solid #0C284E;*/
background: #37648C; /* Old browsers */
background: -moz-linear-gradient(top, #37648C 0%, #22466D 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
box-shadow: inset 0px 1px 0px 0px #86ACC7;
background: -webkit-linear-gradient(top, #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #37648C 0%,#22466D 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #37648C 0%,#22466D 100%); /* IE10+ */
background: linear-gradient(to bottom, #37648C 0%,#22466D 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
background: #22466D; /* Old browsers */
background: -moz-linear-gradient(top, #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #22466D 0%,#37648C 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #22466D 0%,#37648C 100%); /* IE10+ */
background: linear-gradient(to bottom, #22466D 0%,#37648C) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */
}
#list .wrapper_ws #main-ws .hoge-R .tops .floatR {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .read {
}
#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {
}
@charset "utf-8";
button.addition {
background: #ffffff url("/acms/check/images/addition.png") no-repeat;
background-position: 20% center;
}
div.container ul.addition_list >li {
background: #ffffff;
border: 1px solid #cccccc;
padding: 18px 20px;
margin-top: -1px;
cursor: auto;
display: flex;
}
div.container ul.addition_list li.check .code {
background-color: #1B1BD2;
}
div.container ul.addition_list li.read .code {
background-color: #FF7700;
}
div.container ul.addition_list li p.workContent {
font-weight: normal;
font-size: 1.5rem;
}
/*
.ui-widget {
font-size: 2.8em;
}
*/
#checkDetail {
position: fixed;
}
.nav li a {
padding: 0;
}
.nav li a p.nav_icon {
margin-left: 5px;
}
/*
header {
position: relative;
display: flex;
padding: 0 10px;
border: 2px solid #095395;
border-radius: 1px;
width: auto;
height: 60px;
margin: 15px 12px;
align-items: center;
justify-content: center;
}
*/
#checkListSearch {
display: flex;
width: 100%;
padding: 0 0;
}
#checkListSearch #searchWordDiv {
width: 70%;
}
#checkListSearch #searchBtn {
width: 30%;
}
#listValues {
margin: 15px 12px 0px;
}
#listValues li td {
align-items: center;
justify-content: center;
}
#listIcon {
width: 30px;
height: 30px;
}
#contentType {
font-weight: bold;
font-size: 2rem;
letter-spacing: 0.5rem;
color: #095395;
margin-left: 10px;
width: 30%;
}
.codeAndExpiration {
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
color: #37648C;
list-style-type: none;
margin: 0;
padding: 0;
}
.codeAndExpiration div {
font-weight: bold;
font-size: 1.7rem;
color: #37648C;
margin-top: 5px;
}
.nullValue {
text-align: center;
font-size: 24px;
color: #D50000;
}
.actionBtnDiv {
align-items: center;
justify-content: center;
display: none;
cursor: pointer;
}
.actionBtnDiv img {
width: 67px;
height: 67px;
border: none;
border-radius: 3px;
}
.actionBtnDiv p {
font-size: 14px !important;
color: #095395 !important;
text-align: center;
}
.taskInfoDiv {
width: 100%;
margin: 0 0.5em;
}
.actionBtn {
margin: 0 12px;
}
.actionBtn p {
margin-left: -3px !important;
}
/*
header .headerFormForMobile {
width: 100%;
}
header .headerFormForMobile >.childDiv {
display: flex;
align-items: center;
justify-content: center;
}
header button.addition {
background: #0068CB url(/acms/check/images/addition.png) no-repeat;
background-position: calc(20% - 0.3vw) center;
}
*/
.ui-dialog-popup {
border: 1px solid #dddddd;
background: #ffffff url(../images/datepicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #444444;
padding: 0;
}
.headerBar {
z-index: 9999 !important;
position: relative;
background: #0068cb;
margin: 0;
padding: 0;
font-size: 14px;
width: auto;
height: 50px;
display: flex;
}
.headerBar .titleInfo {
width: 100%;
font-size: 16px;
font-weight: bold;
text-align: center;
color: rgb(255, 255, 255);
margin: auto;
}
.headerBar .headerBtn {
margin: auto;
padding: 5px;
}
@charset "utf-8";
body {
background: white;
}
#content-grid {
margin: 15px 12px;
}
/* section */
section.sectionhomelist{
height: 135px;
display: block;
border: 1px solid #cccccc;
}
.cnt_section_list{
margin: 0;
height: 120px;
position: relative;
padding-top: 10px;
padding-bottom: 5px;
}
.cnt_section_list a.img{
display: block;
width: 161px;
height: 120px;
float: left;
margin-left: 20px;
}
.cnt_section_list .text{
float: left;
height: 120px;
margin: 0 0 0 40px;
padding-top: 8px;
width: 70%;
}
.cnt_section_list .text ul.date{
/* [disabled]float: left; */
display: block;
}
.cnt_section_list .text .info{
/* [disabled]overflow: hidden; */
margin-top: 10px;
}
.cnt_section_list .text ul.pic{
position: relative;
/* [disabled]overflow: hidden; */
display: block;
float: right;
}
#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.pic {
float: right;
}
.pic li {
float: left;
font-size: 1.1em;
font-weight: bold;
color: #fff;
background-color: #0068CB;
border: 1px solid #0068CB;
border-radius: 5px;
box-shadow: 2px 2px 1px #D9D9D9;
cursor: pointer;
width: 120px;
text-align: center;
margin: 20px 50px 0 0;
display: inline-block;
}
.pic li a {
display: block;
width: 100%;
}
.listIcon {
width: 26px;
height: 26px;
margin: 3px;
}
.cnt_section_list .text a.name {
font-size: 24px;
width: 100%;
}
.cnt_section_list .text ul.date li {
font-size: 16px;
}
...@@ -11,25 +11,15 @@ ...@@ -11,25 +11,15 @@
<title></title> <title></title>
<!--
<link rel="stylesheet" type="text/css" href="css/check/normalize.css?__UPDATEID__">
<link rel="stylesheet" type="text/css" href="css/check/template.css?__UPDATEID__">
<link rel="stylesheet" type="text/css" href="css/check/check.css?__UPDATEID__">
-->
<link rel="stylesheet" type="text/css" href="common/css/jquery-ui.css?__UPDATEID__" />
<!--
<link rel="stylesheet" type="text/css" href="css/reset.css?__UPDATEID__" />
-->
<link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/layout/list.css?__UPDATEID__" />
<!-- CSSビュー --> <!-- CSSビュー -->
<link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" /> <link rel="stylesheet" type="text/css" href="css/layout/viewer.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" /> <link rel="stylesheet" type="text/css" href="common/css/jquery.powertip.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="common/css/jquery-ui.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" /> <link rel="stylesheet" type="text/css" href="css/layout/Anket.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" /> <link rel="stylesheet" type="text/css" href="css/delete_shiori.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/layout/common.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/layout/list_project.css?__UPDATEID__" />
<link rel="stylesheet" type="text/css" href="css/layout/list_relation_content.css?__UPDATEID__" />
<script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script> <script type="text/javascript" src="./common/js/jquery-1.8.1.min.js?__UPDATEID__"></script>
...@@ -52,182 +42,7 @@ ...@@ -52,182 +42,7 @@
<script type="text/javascript" src="./common/js/html2canvas.js?__UPDATEID__" ></script> <script type="text/javascript" src="./common/js/html2canvas.js?__UPDATEID__" ></script>
<script type="text/javascript" src="./common/js/promise-6.1.0.min.js?__UPDATEID__" ></script> <script type="text/javascript" src="./common/js/promise-6.1.0.min.js?__UPDATEID__" ></script>
<style>
button.addition {
background: #ffffff url("/acms/check/images/addition.png") no-repeat;
background-position: 20% center;
}
div.container ul.addition_list >li {
background: #ffffff;
border: 1px solid #cccccc;
padding: 18px 20px;
margin-top: -1px;
cursor: auto;
display: flex;
}
div.container ul.addition_list li.check .code {
background-color: #1B1BD2;
}
div.container ul.addition_list li.read .code {
background-color: #FF7700;
}
div.container ul.addition_list li p.workContent {
font-weight: normal;
font-size: 1.5rem;
}
/*
.ui-widget {
font-size: 2.8em;
}
*/
#checkDetail {
position: fixed;
}
.nav li a {
padding: 0;
}
.nav li a p.nav_icon {
margin-left: 5px;
}
/*
header {
position: relative;
display: flex;
padding: 0 10px;
border: 2px solid #095395;
border-radius: 1px;
width: auto;
height: 60px;
margin: 15px 12px;
align-items: center;
justify-content: center;
}
*/
#checkListSearch {
display: flex;
width: 100%;
padding: 0 0;
}
#checkListSearch #searchWordDiv {
width: 70%;
}
#checkListSearch #searchBtn {
width: 30%;
}
#listValues {
margin: 15px 12px 0px;
}
#listValues li td {
align-items: center;
justify-content: center;
}
#listIcon {
width: 30px;
height: 30px;
}
#contentType {
font-weight: bold;
font-size: 2rem;
letter-spacing: 0.5rem;
color: #095395;
margin-left: 10px;
width: 30%;
}
.codeAndExpiration {
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
color: #37648C;
list-style-type: none;
margin: 0;
padding: 0;
}
.codeAndExpiration div {
font-weight: bold;
font-size: 1.7rem;
color: #37648C;
margin-top: 5px;
}
.nullValue {
text-align: center;
font-size: 24px;
color: #D50000;
}
.actionBtnDiv {
align-items: center;
justify-content: center;
display: none;
cursor: pointer;
}
.actionBtnDiv img {
width: 67px;
height: 67px;
border: none;
border-radius: 3px;
}
.actionBtnDiv p {
font-size: 14px !important;
color: #095395 !important;
text-align: center;
}
.taskInfoDiv {
width: 100%;
margin: 0 0.5em;
}
.actionBtn {
margin: 0 12px;
}
.actionBtn p {
margin-left: -3px !important;
}
/*
header .headerFormForMobile {
width: 100%;
}
header .headerFormForMobile >.childDiv {
display: flex;
align-items: center;
justify-content: center;
}
header button.addition {
background: #0068CB url(/acms/check/images/addition.png) no-repeat;
background-position: calc(20% - 0.3vw) center;
}
*/
.ui-dialog-popup {
border: 1px solid #dddddd;
background: #ffffff url(../images/datepicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #444444;
padding: 0;
}
.headerBar {
z-index: 9999 !important;
position: relative;
background: #0068cb;
margin: 0;
padding: 0;
font-size: 14px;
width: auto;
height: 50px;
display: flex;
}
.headerBar .titleInfo {
width: 100%;
font-size: 16px;
font-weight: bold;
text-align: center;
color: rgb(255, 255, 255);
margin: auto;
}
.headerBar .headerBtn {
margin: auto;
padding: 5px;
}
</style>
</head> </head>
<body id="home_check" oncontextmenu="return false"> <body id="home_check" oncontextmenu="return false">
...@@ -255,20 +70,6 @@ ...@@ -255,20 +70,6 @@
</div> </div>
</div> </div>
<!--
<header>
<div id="top">
<h1>作 業 一 覧</h1>
<form id="search">
<input class="text" type="text">
<input class="submit" type="submit" value="検索">
</form>
<p>合計 <span>3</span> カ所</p>
<input class="button" type="button" value="+ 作業追加">
</div>
</header>
-->
<div id="listValues" class="container"> <div id="listValues" class="container">
<ul class="addition_list"></ul> <ul class="addition_list"></ul>
<div id="nullValue" class="nullValue" style="display: none;">該当作業はありません。</div> <div id="nullValue" class="nullValue" style="display: none;">該当作業はありません。</div>
......
...@@ -160,7 +160,8 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -160,7 +160,8 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
var outputDate = COMMON.formatDeliveryDate(post.contentDeliveryDate); var outputDate = COMMON.formatDeliveryDate(post.contentDeliveryDate);
var gridHtml = '<section class="sectionhomelist">' var gridHtml = ""
+ '<section class="sectionhomelist">'
+ ' <div class="cnt_section_list">' + ' <div class="cnt_section_list">'
+ ' <a class="img">' + ' <a class="img">'
+ ' <canvas height="110" width="150" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;"></canvas>' + ' <canvas height="110" width="150" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;"></canvas>'
...@@ -176,26 +177,16 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -176,26 +177,16 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
+ ' <li><span class="lang" lang="txtPubDt"> </span>:' + outputDate + '</li>' + ' <li><span class="lang" lang="txtPubDt"> </span>:' + outputDate + '</li>'
+ ' <li><span class="lang" lang="txtViewDt"> </span>:<span id="lblVdate' + post.contentId + '"> </span></li>' + ' <li><span class="lang" lang="txtViewDt"> </span>:<span id="lblVdate' + post.contentId + '"> </span></li>'
+ ' </ul>' + ' </ul>'
+ ' <ul class="pic">'
//+ ' <li><img src="' + COMMON.DEFAULT_IMG_OPTION_MEMO + '" id="imgMemo' + post.contentId + '" class="sticker" /></li>'
//+ ' <li><img src="' + COMMON.DEFAULT_IMG_OPTION_MARKING + '" id="imgBookMark' + post.contentId + '" class="pen" /></li>'
+ ' <li><ul class="iconList"><li><a class="read lang button-details" contentid="' + post.contentId + '" lang="txtRead">読む</a></li></ul></li>'
+ ' </ul>'
+ ' </div>' + ' </div>'
+ ' </div>' + ' </div>'
+ ' <div class="pic">'
+ ' <ul class="iconList"><li><a class="read lang button-details" contentid="' + post.contentId + '" lang="txtRead">読む</a></li></ul>'
+ ' </div>'
+ ' </div>' + ' </div>'
+ '</section>'; + '</section>';
//var shareHtml = "";
//if (post.readerShare == '1') {
// shareHtml = '<li><a class="read lang button-share" contentid="' + post.contentId + '" lang="txtShare">共有</a></li>';
//}
//gridHtml = gridHtml.replace(/\{share\}/g, shareHtml);
$('#content-grid').append(gridHtml); $('#content-grid').append(gridHtml);
//HOME.getNextRecordNumForList();
// assign thumbnail to array // assign thumbnail to array
var formatThumbnail = post.contentThumbnail; var formatThumbnail = post.contentThumbnail;
if ((formatThumbnail != null) && (formatThumbnail != 'undefined') && (formatThumbnail != '')) { if ((formatThumbnail != null) && (formatThumbnail != 'undefined') && (formatThumbnail != '')) {
...@@ -220,7 +211,8 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -220,7 +211,8 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
}; };
// Check if user has read this content or not. // Check if user has read this content or not.
HOME_CHECK.checkUserHasReadContent(post.contentId, post.resourceVersion, post.metaVersion, versionArr, metaArr, readArr); // HOME_CHECK.checkUserHasReadContent(post.contentId, post.resourceVersion, post.metaVersion, versionArr, metaArr, readArr); TODO Newマークを使うなら復元
HOME_CHECK.getContentThumbnail(post.contentId);
// assign version to array // assign version to array
COMMON.resourceVersionArr.push({ COMMON.resourceVersionArr.push({
contentid : post.contentId, contentid : post.contentId,
...@@ -233,9 +225,6 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -233,9 +225,6 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
metaversion : post.metaVersion metaversion : post.metaVersion
}); });
// Check if content has marking or memo
//HOME_CHECK.checkContentMarkingMemoOption(post.contentId);
// renderViewDate // renderViewDate
var viewdate = HOME_CHECK.renderViewDate(post.contentId,readArr); var viewdate = HOME_CHECK.renderViewDate(post.contentId,readArr);
if (viewdate != null || viewdate != 'undefined') { if (viewdate != null || viewdate != 'undefined') {
...@@ -244,38 +233,15 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim ...@@ -244,38 +233,15 @@ HOME_CHECK.renderContent = function(id, text, division, type, order, offset, lim
}); });
HOME_CHECK.home_realTotalRecord += data.contentList.length; HOME_CHECK.home_realTotalRecord += data.contentList.length;
// Save total record for tree:genere/group
//if (cateid == '' && grpid == '') {
// if (HOME.genre_totalcontent == -1) {
// HOME.genre_totalcontent = data.totalRecord;
// }
// if (HOME.group_totalcontent == -1) {
// HOME.group_totalcontent = data.totalRecord;
// }
//}
ClientData.searchCond_recordFrom(data.recordFrom); ClientData.searchCond_recordFrom(data.recordFrom);
ClientData.searchCond_recordTo(data.recordTo); ClientData.searchCond_recordTo(data.recordTo);
HOME_CHECK.totalPage = data.totalRecord; HOME_CHECK.totalPage = data.totalRecord;
//HOME.reRenderPageNumber(ClientData.searchCond_recordTo(), HOME.totalPage);
// Toggle scroll to top Control
//HOME.handleBackToTop();
// I18N.changeLanguage(ClientData.userInfo_language());
I18N.i18nReplaceText(); I18N.i18nReplaceText();
}); });
}; };
// Get Thumnail base on contentid // Get Thumnail base on contentid
HOME_CHECK.returnThumbnail = function(contentid) { HOME_CHECK.returnThumbnail = function(contentid) {
var iArrCnt = HOME_CHECK.thumbnailArr.length; var iArrCnt = HOME_CHECK.thumbnailArr.length;
...@@ -298,157 +264,24 @@ HOME_CHECK.returnContentType = function(contentid) { ...@@ -298,157 +264,24 @@ HOME_CHECK.returnContentType = function(contentid) {
} }
}; };
// サムネイル情報を取得
// Check if User has read content HOME_CHECK.getContentThumbnail = function(contId) {
HOME_CHECK.checkUserHasReadContent = function(contId, resourceVer, metaVer, versionArr, metaArr, readArr) {
var imgThumb = new Image(); var imgThumb = new Image();
var imgIconNew = new Image();
var imgIconEdit = new Image();
var c = document.getElementById('content-thumbnail' + contId); var c = document.getElementById('content-thumbnail' + contId);
var ctx = c.getContext('2d'); var ctx = c.getContext('2d');
var readFlg = false;
var contentThumbnail = HOME_CHECK.returnThumbnail(contId); var contentThumbnail = HOME_CHECK.returnThumbnail(contId);
var contentType = HOME_CHECK.returnContentType(contId); var contentType = HOME_CHECK.returnContentType(contId);
if (readArr <= 0) {
imgThumb.onload = function() {
var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
imgIconNew.onload = function() {
ctx.drawImage(imgIconNew, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
$("#loadingIcon" + contId).fadeOut('slow', function() {
$('#content-thumbnail' + contId).fadeIn('slow');
});
};
imgIconNew.src = COMMON.DEFAULT_IMG_CONTENT_NEW;
};
if (contentThumbnail == '' || contentThumbnail == null) {
if (!COMMON.isPdfContent(contentType)) {
var src = COMMON.getThumbnailForOtherType(contentType);
if (src != '') {
imgThumb.src = src;
}
}
} else {
imgThumb.src = contentThumbnail;
}
} else {
// Check if user has read this content or not
for ( var nIndex1 = 0; nIndex1 < ClientData.ReadingContentIds().length; nIndex1++) {
if (ClientData.ReadingContentIds()[nIndex1].contentid == contId) {
imgThumb.onload = function() {
var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
$("#loadingIcon" + contId).fadeOut('slow', function() {
$('#content-thumbnail' + contId).fadeIn('slow');
});
};
if (contentThumbnail == '' || contentThumbnail == null) {
if (!COMMON.isPdfContent(contentType)) {
var src = COMMON.getThumbnailForOtherType(contentType);
if (src != '') {
imgThumb.src = src;
}
}
} else {
imgThumb.src = contentThumbnail;
}
readFlg = true;
break;
}
}
}
// Check if resource version has change
if (readFlg) {
if (versionArr == null || versionArr <= 0 || versionArr == 'undefined') {
} else {
for ( var nIndex2 = 0; nIndex2 < versionArr.length; nIndex2++) {
if (versionArr[nIndex2].contentid == contId) {
if (versionArr[nIndex2].resourceversion != resourceVer) {
imgThumb.onload = function() {
var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
imgIconEdit.onload = function() {
ctx.drawImage(imgIconEdit, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
$("#loadingIcon" + contId).fadeOut('slow', function() {
$('#content-thumbnail' + contId).fadeIn('slow');
});
};
imgIconEdit.src = COMMON.DEFAULT_IMG_CONTENT_EDIT;
};
if (contentThumbnail == '' || contentThumbnail == null) {
if (!COMMON.isPdfContent(contentType)) {
var src = COMMON.getThumbnailForOtherType(contentType);
if (src != '') {
imgThumb.src = src;
}
}
} else {
imgThumb.src = contentThumbnail;
}
break;
}
}
}
}
if (metaArr == null || metaArr <= 0 || metaArr == 'undefined') {
} else {
for ( var nIndex2 = 0; nIndex2 < metaArr.length; nIndex2++) {
if (metaArr[nIndex2].contentid == contId) {
if (metaArr[nIndex2].metaversion != metaVer) {
imgThumb.onload = function() {
var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
imgIconEdit.onload = function() {
ctx.drawImage(imgIconEdit, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
$("#loadingIcon" + contId).fadeOut('slow', function() {
$('#content-thumbnail' + contId).fadeIn('slow');
});
};
imgIconEdit.src = COMMON.DEFAULT_IMG_CONTENT_EDIT;
};
if (contentThumbnail == '' || contentThumbnail == null) {
if (!COMMON.isPdfContent(contentType)) {
var src = COMMON.getThumbnailForOtherType(contentType);
if (src != '') {
imgThumb.src = src;
}
}
} else {
imgThumb.src = contentThumbnail;
}
break;
}
}
}
}
} else {
imgThumb.onload = function() { imgThumb.onload = function() {
var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height); var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]); ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
imgIconNew.onload = function() {
ctx.drawImage(imgIconNew, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
$("#loadingIcon" + contId).fadeOut('slow', function() { $("#loadingIcon" + contId).fadeOut('slow', function() {
$('#content-thumbnail' + contId).fadeIn('slow'); $('#content-thumbnail' + contId).fadeIn('slow');
}); });
}; };
imgIconNew.src = COMMON.DEFAULT_IMG_CONTENT_NEW;
};
if (contentThumbnail == '' || contentThumbnail == null) { if (contentThumbnail == '' || contentThumbnail == null) {
if (!COMMON.isPdfContent(contentType)) { if (!COMMON.isPdfContent(contentType)) {
...@@ -461,7 +294,6 @@ HOME_CHECK.checkUserHasReadContent = function(contId, resourceVer, metaVer, vers ...@@ -461,7 +294,6 @@ HOME_CHECK.checkUserHasReadContent = function(contId, resourceVer, metaVer, vers
imgThumb.src = contentThumbnail; imgThumb.src = contentThumbnail;
} }
}
}; };
// draw Edit Image // draw Edit Image
...@@ -509,15 +341,6 @@ HOME_CHECK.readSubmenuFunction = function(e) { ...@@ -509,15 +341,6 @@ HOME_CHECK.readSubmenuFunction = function(e) {
if (e) { if (e) {
e.preventDefault(); e.preventDefault();
} }
//HOME_CHECK.allowTimerCloseSubMenu = false;
//if (HOME_CHECK.home_isMove == true) {
// HOME_CHECK.home_isMove = false;
// return;
//}
// hide dialog sub menu
//$('#dlgSubMenu').hide();
var contentId = $(this).attr('contentid'); var contentId = $(this).attr('contentid');
// check limit of content // check limit of content
...@@ -614,7 +437,7 @@ HOME_CHECK.readSubmenuFunction_callback = function(contentId) { ...@@ -614,7 +437,7 @@ HOME_CHECK.readSubmenuFunction_callback = function(contentId) {
}; };
$(function() { $(function() {
//HOME_CHECK.cssInit();
}); });
HOME_CHECK.cssInit = function() { HOME_CHECK.cssInit = function() {
...@@ -626,17 +449,12 @@ HOME_CHECK.cssInit = function() { ...@@ -626,17 +449,12 @@ HOME_CHECK.cssInit = function() {
'margin' : '0', 'margin' : '0',
'padding' : '0' 'padding' : '0'
}); });
//$('html>body').css({
// 'font-size' : '16px',
// 'font-size' : '68.75%'
//});
$('body').css({ $('body').css({
'background' : '#f4f4f4', 'background' : '#f4f4f4',
'color' : '#333' 'color' : '#333'
}); });
}; };
HOME_CHECK.showContentView = function() { HOME_CHECK.showContentView = function() {
var y = 0; var y = 0;
...@@ -668,16 +486,6 @@ HOME_CHECK.showContentView = function() { ...@@ -668,16 +486,6 @@ HOME_CHECK.showContentView = function() {
}; };
// /Render Project // /Render Project
HOME_CHECK.renderProject = function(sid) { HOME_CHECK.renderProject = function(sid) {
var params = { var params = {
...@@ -697,9 +505,7 @@ HOME_CHECK.renderProject = function(sid) { ...@@ -697,9 +505,7 @@ HOME_CHECK.renderProject = function(sid) {
projectId : post.projectId, projectId : post.projectId,
projectType : post.projectType projectType : post.projectType
}); });
}); });
}); });
}; };
...@@ -750,20 +556,12 @@ HOME_CHECK.renderAddProject = function(post) { ...@@ -750,20 +556,12 @@ HOME_CHECK.renderAddProject = function(post) {
}; };
// Report Click function // Report Click function
HOME_CHECK.reportClickFunction = function(e) { HOME_CHECK.reportClickFunction = function(e) {
if (e) { if (e) {
e.preventDefault(); e.preventDefault();
} }
//if (HOME.home_isMove == true) {
// HOME.home_isMove = false;
// return;
//}
var projectId = $(this).attr('id'); var projectId = $(this).attr('id');
HOME_CHECK.createSession(projectId); HOME_CHECK.createSession(projectId);
...@@ -832,8 +630,6 @@ HOME_CHECK.abapi = function(name, param, method, callback) { ...@@ -832,8 +630,6 @@ HOME_CHECK.abapi = function(name, param, method, callback) {
AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), name, method, param, callback, null); AVWEB.avwCmsApiSync(ClientData.userInfo_accountPath(), name, method, param, callback, null);
}; };
HOME_CHECK.backProjectList = function() { HOME_CHECK.backProjectList = function() {
$('#listValues').show(); $('#listValues').show();
...@@ -844,6 +640,168 @@ HOME_CHECK.backProjectList = function() { ...@@ -844,6 +640,168 @@ HOME_CHECK.backProjectList = function() {
}; };
//TODO Newマークを使うなら復元
//Check if User has read content
//HOME_CHECK.checkUserHasReadContent = function(contId, resourceVer, metaVer, versionArr, metaArr, readArr) {
//
// var imgThumb = new Image();
// var imgIconNew = new Image();
// var imgIconEdit = new Image();
//
// var c = document.getElementById('content-thumbnail' + contId);
// var ctx = c.getContext('2d');
//
// var readFlg = false;
//
// var contentThumbnail = HOME_CHECK.returnThumbnail(contId);
// var contentType = HOME_CHECK.returnContentType(contId);
//
// if (readArr <= 0) {
// imgThumb.onload = function() {
// var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
// ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
// imgIconNew.onload = function() {
// ctx.drawImage(imgIconNew, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
// $("#loadingIcon" + contId).fadeOut('slow', function() {
// $('#content-thumbnail' + contId).fadeIn('slow');
// });
// };
// imgIconNew.src = COMMON.DEFAULT_IMG_CONTENT_NEW;
// };
//
// if (contentThumbnail == '' || contentThumbnail == null) {
// if (!COMMON.isPdfContent(contentType)) {
// var src = COMMON.getThumbnailForOtherType(contentType);
// if (src != '') {
// imgThumb.src = src;
// }
// }
// } else {
// imgThumb.src = contentThumbnail;
// }
//
// } else {
// // Check if user has read this content or not
// for ( var nIndex1 = 0; nIndex1 < ClientData.ReadingContentIds().length; nIndex1++) {
// if (ClientData.ReadingContentIds()[nIndex1].contentid == contId) {
// imgThumb.onload = function() {
// var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
// ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
// $("#loadingIcon" + contId).fadeOut('slow', function() {
// $('#content-thumbnail' + contId).fadeIn('slow');
// });
// };
//
// if (contentThumbnail == '' || contentThumbnail == null) {
// if (!COMMON.isPdfContent(contentType)) {
// var src = COMMON.getThumbnailForOtherType(contentType);
// if (src != '') {
// imgThumb.src = src;
// }
// }
// } else {
// imgThumb.src = contentThumbnail;
// }
//
// readFlg = true;
// break;
// }
// }
// }
//
// // Check if resource version has change
// if (readFlg) {
// if (versionArr == null || versionArr <= 0 || versionArr == 'undefined') {
// } else {
// for ( var nIndex2 = 0; nIndex2 < versionArr.length; nIndex2++) {
// if (versionArr[nIndex2].contentid == contId) {
// if (versionArr[nIndex2].resourceversion != resourceVer) {
// imgThumb.onload = function() {
// var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
// ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
// imgIconEdit.onload = function() {
// ctx.drawImage(imgIconEdit, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
//
// $("#loadingIcon" + contId).fadeOut('slow', function() {
// $('#content-thumbnail' + contId).fadeIn('slow');
// });
// };
// imgIconEdit.src = COMMON.DEFAULT_IMG_CONTENT_EDIT;
// };
//
// if (contentThumbnail == '' || contentThumbnail == null) {
// if (!COMMON.isPdfContent(contentType)) {
// var src = COMMON.getThumbnailForOtherType(contentType);
// if (src != '') {
// imgThumb.src = src;
// }
// }
// } else {
// imgThumb.src = contentThumbnail;
// }
//
// break;
// }
// }
// }
// }
//
// if (metaArr == null || metaArr <= 0 || metaArr == 'undefined') {
// } else {
// for ( var nIndex2 = 0; nIndex2 < metaArr.length; nIndex2++) {
// if (metaArr[nIndex2].contentid == contId) {
// if (metaArr[nIndex2].metaversion != metaVer) {
// imgThumb.onload = function() {
// var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
// ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
// imgIconEdit.onload = function() {
// ctx.drawImage(imgIconEdit, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
// $("#loadingIcon" + contId).fadeOut('slow', function() {
// $('#content-thumbnail' + contId).fadeIn('slow');
// });
// };
// imgIconEdit.src = COMMON.DEFAULT_IMG_CONTENT_EDIT;
// };
//
// if (contentThumbnail == '' || contentThumbnail == null) {
// if (!COMMON.isPdfContent(contentType)) {
// var src = COMMON.getThumbnailForOtherType(contentType);
// if (src != '') {
// imgThumb.src = src;
// }
// }
// } else {
// imgThumb.src = contentThumbnail;
// }
//
// break;
// }
// }
// }
// }
// } else {
// imgThumb.onload = function() {
// var resizeImg = COMMON.resizeResourceThumbnail(imgThumb, c.width, c.height);
// ctx.drawImage(imgThumb, (c.width / 2) - (resizeImg[0] / 2) + 4, c.height - resizeImg[1] + 4, resizeImg[0], resizeImg[1]);
// imgIconNew.onload = function() {
// ctx.drawImage(imgIconNew, c.width / 2 - resizeImg[0] / 2, c.height - resizeImg[1]);
// $("#loadingIcon" + contId).fadeOut('slow', function() {
// $('#content-thumbnail' + contId).fadeIn('slow');
// });
// };
// imgIconNew.src = COMMON.DEFAULT_IMG_CONTENT_NEW;
// };
//
// if (contentThumbnail == '' || contentThumbnail == null) {
// if (!COMMON.isPdfContent(contentType)) {
// var src = COMMON.getThumbnailForOtherType(contentType);
// if (src != '') {
// imgThumb.src = src;
// }
// }
// } else {
// imgThumb.src = contentThumbnail;
// }
//
// }
//};
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