Skip to content

D
design
Commit 42598f40 by Jung Kwangkyu
Options

初期コミット

parent fec1d111
Showing with 4847 additions and 0 deletions
.project 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>design</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
app/common/header.html 0 → 100644
<header>
<nav class="navbar navbar-dark bg-primary">
<a href="#" class="navbar-brand lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
戻る
</span>
</a>
<div class="navbar-nav">
<div class="nav-item">
<div class="text-size btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-white btn-sm border size-button smaller"><i class="fas fa-minus"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button defaulter"><i class="fas fa-font"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button larger"><i class="fas fa-plus"></i></button>
</div>
</div>
</div>
</nav>
</header>
app/common/simple_header.html 0 → 100644
<header>
<nav class="navbar navbar-dark">
<a href="#" class="navbar-brand lht-0">
<i class="fas fa-times text-primary close-window"></i>
</a>
<div class="navbar-nav">
<div class="nav-item">
<div class="text-size btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-white btn-sm border size-button smaller"><i class="fas fa-minus"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button defaulter"><i class="fas fa-font"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button larger"><i class="fas fa-plus"></i></button>
</div>
</div>
</div>
</nav>
</header>
app/css/app.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/css/fontawesome_relative_path.css 0 → 100644
@font-face{
font-family:"Font Awesome 5 Brands";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg#fontawesome)
format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
@font-face{
font-family:"Font Awesome 5 Free";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg#fontawesome)
format("svg")}.fab,.far{font-weight:400}
@font-face{
font-family:"Font Awesome 5 Free";
font-style:normal;
font-weight:900;
font-display:block;
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot);
src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot)
format("embedded-opentype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2)
format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff)
format("woff"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf)
format("truetype"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg#fontawesome)
format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
\ No newline at end of file
app/css/modal_202105.css 0 → 100644
@charset "UTF-8";
/* 共通モーダル */
.modal-backdrop {
background-color: #000!important;
}
.modal-header{
border-bottom: none!important;
}
app/css/style_202104.css 0 → 100644
@charset "UTF-8";
.tb-wrap {
border: 3px solid #EBF4FB;
border-radius: 4px;
}
.ad-area{
top: 0;
right: 20px;
}
canvas {
width: 80%;
height: 200px;
}
.tb-item {
counter-increment: item;
}
.tb-item label:after {
content: counters(item,"");
}
/* 工程一覧 */
#process-list h1{
font-size: 20px;
}
#process-list .ar-box{
min-height: 50px;
font-weight: normal;
}
#process-list .sp-down img{
width: 35px;
}
@media (min-width: 768px) {
.del-btn,.sv-btn,.sb-btn{
min-width: 150px;
}
}
app/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/form_output.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>帳票出力｜A Book Check</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="A Book Check">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>
<body>
<header>
<nav class="navbar navbar-dark bg-primary">
<a href="index.html" class="navbar-brand category-btn lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
戻る
</span>
</a>
<div class="d-block text-white">
<div class="page_title">
帳票出力
</div>
</div>
<div></div>
</nav>
</header>
<div class="container-fluid mb-5">
<main>
<div class="bg-lightblue wide-wrap mb-4">
<div class="container-fluid py-3">
<h1 class="fs-14 font-weight-bold">検温表Ⅱ</h1>
<div class="font-weight-bold">ver.2 2021/02/12</div>
<section class="bg-white p-3 mt-4">
<div class="block-title mb-3 pb-2">
<h2 class="fs-12 text-center">①日報発行・確認</h2>
</div>
<div class="form-group">
<label for="monthly">月度</label>
<select class="form-control" id="monthly">
<option>月度を選択</option>
<option>…</option>
</select>
</div>
</section>
<section class="bg-white p-3 mt-4">
<div class="block-title mb-3 pb-2">
<h2 class="fs-12 text-center">②検温入力</h2>
</div>
<label for="input_date">入力日</label>
<div class="d-flex">
<div class="form-group">
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
<input type="text" name="start" class="form-control datetimepicker-input" data-target="#datetimepicker1" placeholder="選択">
<div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
<div class="input-group-text"><i class="far fa-calendar"></i></div>
</div>
</div>
</div>
<div class="p-2">
～
</div>
<div class="form-group">
<div class="input-group date" id="datetimepicker2" data-target-input="nearest">
<input type="text" name="end" class="form-control datetimepicker-input" data-target="#datetimepicker2" placeholder="選択">
<div class="input-group-append" data-target="#datetimepicker2" data-toggle="datetimepicker">
<div class="input-group-text"><i class="far fa-calendar"></i></div>
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="department">部署</label>
<select class="form-control" id="department">
<option>部署を選択</option>
<option>…</option>
</select>
</div>
<div class="form-group">
<label for="name">名前</label>
<div class="input-group">
<input type="text" class="form-control" id="name" placeholder="名前を入力">
<div class="input-group-append">
<span class="input-group-text">を含む</span>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-outline-primary">
<i class="fas fa-print fs-12 mr-2"></i>
PDFとして出力
</button>
</div>
</main>
</div>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
app/index.html 0 → 100644
This diff is collapsed. Click to expand it.
app/js/app.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/js/app.js.LICENSE.txt 0 → 100644
/*!
* Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Sizzle CSS Selector Engine v2.3.5
* https://sizzlejs.com/
*
* Copyright JS Foundation and other contributors
* Released under the MIT license
* https://js.foundation/
*
* Date: 2020-03-14
*/
/*!
* jQuery JavaScript Library v3.5.1
* https://jquery.com/
*
* Includes Sizzle.js
* https://sizzlejs.com/
*
* Copyright JS Foundation and other contributors
* Released under the MIT license
* https://jquery.org/license
*
* Date: 2020-05-04T22:49Z
*/
/*!@preserve
* Tempus Dominus Bootstrap4 v5.39.0 (https://tempusdominus.github.io/bootstrap-4/)
* Copyright 2016-2020 Jonathan Peterson and contributors
* Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
*/
/**!
* @fileOverview Kickass library to create and place poppers near their reference elements.
* @version 1.16.1
* @license
* Copyright (c) 2016 Federico Zivolo and contributors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*/
//! moment.js
//! moment.js locale configuration
app/js/app_202104.js 0 → 100644
$(function(){
$('.tb-wrap').each(function(i, elem){
var len = $(elem).find('.tb-item').length;
//表の項目が一つの場合
if(len <= 1){
$(elem).find('.del').hide();
}
});
});
$('.add').on('click',function(){
var base = $(this).parent().parent();
base.find('.del').show();
base.clone(true).insertAfter(base);
// 元のボタンエリアを非表示にする
base.find('.ad-area').hide();
});
$('.del').on('click',function(){
var base = $(this).parent().parent();
// ボタンの表示非表示切り替え
if(base.parent().find('.ad-area').length>=3){
base.prev().find('.ad-area').show();
}else{
base.prev().find('.ad-area').show();
base.prev().find('.del').hide();
}
// エリアの削除
base.remove();
});
// 閉じるボタン押下時イベント
$('.close-window').on('click',function(){
window.close();
});
app/list.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>作業一覧｜A Book Check</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="eXFrame">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>
<body>
<header>
<nav class="navbar navbar-dark bg-primary">
<a href="index.html" class="navbar-brand category-btn lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
戻る
</span>
</a>
<a href="form_output.html" class="nav-link text-white lht-0 p-1">
<i class="fas fa-clipboard-list fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
帳票出力
</span>
</a>
</nav>
</header>
<div class="container-fluid mb-5">
<main>
<div class="bg-lightblue wide-wrap mb-4">
<div class="container-fluid py-3">
<h1 class="fs-14 font-weight-bold mb-3">タイトル作業名</h1>
<div class="lht-0 mb-2">
<i class="far fa-clock text-primary"></i>
<span>2021/02/10</span>~<span>2021/02/11</span>
</div>
<form class="d-flex">
<div class="w-99 w-md-50 w-lg-30 mr-2 mb-2">
<label for="job-title" class="sr-only">search</label>
<input type="text" class="form-control" id="job-title" placeholder="作業名">
</div>
<button type="submit" class="btn btn-outline-primary fs-8 py-2 mb-2 text-nowrap flex-shrink-1">検索</button>
</form>
</div>
</div>
<section>
<div class="row align-items-end mb-3">
<div class="col-6">
<a href="report_form.html" class="btn btn-outline-primary fs-8 py-2">報告追加</a>
</div>
<div class="col-6 text-right">
<div class="fs-8">合計箇所：5カ所</div>
</div>
</div>
</section>
<section>
<article class="rounded border px-3 py-2 mb-3">
<a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="user-id align-middle">ma0001-ma0001</div>
<div class="report-status status-completed lht-0 fs-9 font-weight-bold text-primary">
<i class="fas fa-check-circle"></i>
完了
</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</a>
</article>
<article class="rounded border px-3 py-2 mb-3">
<a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキストタイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキストタイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="user-id align-middle">ma0001-ma0001</div>
<div class="report-status status-completed lht-0 fs-9 font-weight-bold text-warning">
<i class="fas fa-stopwatch"></i>
進行中
</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</a>
</article>
<article class="rounded border px-3 py-2 mb-3">
<a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="user-id align-middle">ma0001-ma0001</div>
<div class="report-status status-completed lht-0 fs-9 font-weight-bold text-primary">
<i class="fas fa-check-circle"></i>
完了
</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</a>
</article>
<article class="rounded border px-3 py-2 mb-3">
<a href="report_form_edit.html" class="d-flex text-decoration-none text-dark">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">タイトルテキストタイトルテキストタイトルテキストテキストテキストテキストテキストテキストテキスト</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="user-id align-middle">ma0001-ma0001</div>
<div class="report-status status-completed lht-0 fs-9 font-weight-bold text-warning">
<i class="fas fa-stopwatch"></i>
進行中
</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</a>
</article>
</section>
</main>
</div>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
app/list_0match_202105.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>作業一覧（0マッチ）</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="eXFrame">
<link rel="stylesheet" type="text/css" href="css/style_202104.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
</head>
<body>
<?php include('common/simple_header.html');?>
<div class="container-fluid mb-5">
<main>
<h1 class="sr-only">作業一覧</h1>
<div class="bg-lightblue wide-wrap">
<div class="container-fluid py-3">
<form>
<!-- 作業名検索 -->
<div class="w-99 w-md-50 w-lg-30 mr-2 mb-2">
<label for="job-title" class="sr-only">search</label>
<input type="text" class="form-control" id="job-title" placeholder="作業名を入力">
</div>
<div class="d-flex">
<!-- 作業ステータス -->
<div class="form-group mb-2 w-99 w-md-50 w-lg-30 mr-3">
<select class="form-control" id="tast-status">
<option>すべて</option>
<option>進行中</option>
<option>完了</option>
</select>
</div>
<button type="submit" class="btn btn-outline-primary fs-8 py-2 mb-2 text-nowrap flex-shrink-1">検索</button>
</div>
</form>
</div>
</div>
<section>
<div class="my-3 text-center font-weight-bold">
登録されている作業はありません
</div>
</section>
</main>
</div>
<script type="text/javascript" src="js/app_202104.js" defer></script>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
app/mix-manifest.json 0 → 100644
{
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"
}
app/modal_sample_202105.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>モーダル</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="A Book Check">
<link rel="stylesheet" type="text/css" href="css/style_202104.css">
<link rel="stylesheet" type="text/css" href="css/modal_202105.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
</head>
<body>
<div class="container-fluid mb-5">
<main>
<div class="my-5"></div>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal">
モーダルボタン
</button>
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title font-weight-bold" id="modalTitle">確認</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body font-weight-bold text-center">
すべての工程を削除しますか？
</div>
<div class="modal-footer">
<button type="button" class="btn border-1 btn-primary">　OK　</button>
<button type="button" class="btn border-1 border-secondary" data-dismiss="modal">キャンセル</button>
</div>
</div>
</div>
</div>
</main>
</div>
<script type="text/javascript" src="js/app_202104.js" defer></script>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
app/package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/package.json 0 → 100644
{
"name": "web",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"@fortawesome/fontawesome-free": "^5.15.2",
"bootstrap": "^4.6",
"laravel-mix": "^6.0.11",
"material-design-icons": "^3.0.1",
"tempusdominus-bootstrap-4": "^5.39.0"
},
"devDependencies": {
"@popperjs/core": "^2.6.0",
"jquery": "^3.5.1",
"moment": "^2.29.1",
"popper.js": "^1.16.1",
"postcss": "^8.2.5",
"resolve-url-loader": "^3.1.2",
"sass": "^1.32.6",
"sass-loader": "^11.0.1"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}
app/process_list_202105.html 0 → 100644
<div class="container-fluid" id="process-list-overlay">
<main id="process-list">
<div class="bg-lightblue wide-wrap">
<h1 class="pl-3 mt-4 font-weight-bold">工程一覧</h1>
<div class="container-fluid py-3">
<div class="py-3 px-3 bg-white">
<!-- 作業 -->
<article class="rounded border my-1">
<a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn">
<div class="ar-box d-flex">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">見積書</h2>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</div>
</a>
</article>
<article class="rounded border my-1">
<a href="report_form_paging_202104.html" class="w-100 text-left text-decoration-none text-dark btn">
<div class="ar-box d-flex">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">内訳入力1</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="align-middle"><i class="fas fa-users pr-2"></i>承認グループ名</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</div>
</a>
</article>
<div class="text-center my-2 sp-down">
<img src="img/sort-down-solid.png" alt="下三角">
</div>
<!-- 作業 -->
<article class="rounded border my-1">
<a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn btn-secondary disabled" tabindex="-1" role="button" aria-disabled="true">
<div class="ar-box d-flex">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">内訳入力2</h2>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</div>
</a>
</article>
<div class="text-center my-2 sp-down">
<img src="img/sort-down-solid.png" alt="下三角">
</div>
<!-- 作業 -->
<article class="rounded border my-1">
<a href="report_form_202104.html" class="w-100 text-left text-decoration-none text-dark btn btn-secondary disabled" tabindex="-1" role="button" aria-disabled="true">
<div class="ar-box d-flex">
<div class="w-100">
<h2 class="fs-10 mb-1 lht-14">内訳入力3</h2>
<div class="d-flex justify-content-between align-items-center">
<div class="align-middle"><i class="fas fa-users pr-2"></i>承認グループ名</div>
</div>
</div>
<div class="flex-shrink-1 ml-3 align-self-center">
<div class="next-icon">
<div class="bg-primary rounded-circle">
<i class="fas fa-chevron-right fs-9 text-white"></i>
</div>
</div>
</div>
</div>
</a>
</article>
</div>
</div>
</div>
<div class="px-3 pt-2 text-left bg-lightblue wide-wrap">
<button type="button" class="btn btn-outline-primary fs-8 py-2 mb-4 text-nowrap flex-shrink-1" data-toggle="modal" data-target="#modal">すべて削除</button>
</div>
</main>
</div>
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title font-weight-bold" id="modalTitle">確認</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body font-weight-bold text-center">
すべての工程を削除しますか？
</div>
<div class="modal-footer">
<form action="list_0match_202105.html" method="post">
<button type="submit" class="btn border-1 btn-primary">　OK　</button>
</form>
<button type="button" class="btn border-1 border-secondary" data-dismiss="modal">キャンセル</button>
</div>
</div>
</div>
</div>
app/report_form.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>報告｜A Book Check</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="A Book Check">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>
<body>
<header>
<nav class="navbar navbar-dark bg-primary">
<a href="index.html" class="navbar-brand category-btn lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
戻る
</span>
</a>
<div class="navbar-nav">
<div class="nav-item">
<div class="text-size btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-white btn-sm border size-button smaller"><i class="fas fa-minus"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button defaulter"><i class="fas fa-font"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button larger"><i class="fas fa-plus"></i></button>
</div>
</div>
</div>
</nav>
</header>
<div class="container-fluid mb-5">
<main>
<div class="row">
<div class="col-12 col-lg-8 offset-lg-2 bg-lightblue mt-0 mt-lg-5 mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0" data-toggle="collapse" href="#group1" role="button" aria-expanded="true" aria-controls="group1">
グループ 1/3
</h4>
<div class="bg-white mb-3 collapse show" id="group1">
<div class="p-3">
<div class="form-group mb-4">
<label for="workCode">作業コード <span class="badge badge-danger">必須</span></label>
<input type="workCode" class="form-control" id="workCode" aria-describedby="workCodeHelp">
<small id="workCodeHelp" class="form-text text-muted">入力できるのは全角半角問わず20文字以内です</small>
</div>
<div class="form-group mb-4">
<label for="datetimepicker1">入力日</label>
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" aria-describedby="datetimepicker1Help">
<div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
<div class="input-group-text"><i class="far fa-calendar"></i></div>
</div>
</div>
<small id="datetimepicker1Help" class="form-text text-muted">
<i class="fas fa-file-alt fs-10 text-primary"></i>
<a href="" class="text-secondary">
マニュアル
</a>
</small>
</div>
<div class="form-group mb-4">
<label for="department">
部署 <span class="badge badge-danger">必須</span>
<i class="fas fa-question-circle text-secondary" data-toggle="tooltip" data-placement="top" title="ABookCheckの管理画面で登録した作業グループから選択します。作業グループが多い場合は検索窓にグループ名の一部を入力して選択肢を探すことができます。"></i>
</label>
<select class="form-control" id="department">
<option>部署を選択</option>
<option>…</option>
</select>
</div>
<div class="form-group">
<label for="name">名前 <span class="badge badge-danger">必須</span></label>
<input type="name" class="form-control" id="name" aria-describedby="nameHelp">
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-8 offset-lg-2 bg-lightblue mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group2" role="button" aria-expanded="false" aria-controls="group2">
グループ 2/3
</h4>
<div class="bg-white mb-3 collapse" id="group2">
<div class="p-3">
form
</div>
</div>
</div>
<div class="col-12 col-lg-8 offset-lg-2 bg-lightblue mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group3" role="button" aria-expanded="false" aria-controls="group3">
グループ 3/3
</h4>
<div class="bg-white mb-3 collapse" id="group3">
<div class="p-3">
form
</div>
</div>
</div>
<div class="col-12 col-lg-8 offset-lg-2 d-flex">
<div class="p-2 flex-grow-1">
</div>
<div class="p-2">
<button class="btn btn-outline-primary">保存</button>
</div>
<div class="p-2">
<button class="btn btn-outline-primary">送信</button>
</div>
</div>
</div>
</main>
</div>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
\ No newline at end of file
app/report_form_edit.html 0 → 100644
<!DOCTYPE html>
<html lang="ja-JP">
<head>
<meta charset="utf-8">
<title>報告（更新）｜A Book Check</title>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="description" content="A Book Check">
<link rel="stylesheet" type="text/css" href="css/app.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome_relative_path.css">
</head>
<body>
<header>
<nav class="navbar navbar-dark bg-primary">
<a href="index.html" class="navbar-brand category-btn lht-0">
<i class="fas fa-chevron-left fs-12 p-1"></i>
<span class="d-none d-md-inline fs-10">
戻る
</span>
</a>
<div class="navbar-nav">
<div class="nav-item">
<div class="text-size btn-group btn-group-sm" role="group">
<button type="button" class="btn btn-white btn-sm border size-button smaller"><i class="fas fa-minus"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button defaulter"><i class="fas fa-font"></i></button>
<button type="button" class="btn btn-white btn-sm border size-button larger"><i class="fas fa-plus"></i></button>
</div>
</div>
</div>
</nav>
</header>
<div class="container-fluid mb-5">
<div class="row mx-lg-2">
<div class="col-12 col-lg-4 px-0">
<aside>
<nav class="side-navi mt-3 mt-lg-5">
<ul>
<li><a href="">報告1</a></li>
<li class="active"><a href="">長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告長いタイトルの報告</a></li>
<li><a href="">報告2</a></li>
<li><a href="">報告3</a></li>
<li><a href="">報告4</a></li>
</ul>
</nav>
</aside>
</div>
<div class="col-12 col-lg-8">
<main>
<div class="row">
<div class="col-12 bg-lightblue mt-0 mt-lg-5 mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0" data-toggle="collapse" href="#group1" role="button" aria-expanded="true" aria-controls="group1">
グループ 1/3
</h4>
<div class="bg-white mb-3 collapse show" id="group1">
<div class="p-3">
<div class="form-group mb-4">
<label for="workCode">作業コード <span class="badge badge-danger">必須</span></label>
<input type="workCode" class="form-control" id="workCode" aria-describedby="workCodeHelp">
<small id="workCodeHelp" class="form-text text-muted">入力できるのは全角半角問わず20文字以内です</small>
</div>
<div class="form-group mb-4">
<label for="datetimepicker1">入力日</label>
<div class="input-group date" id="datetimepicker1" data-target-input="nearest">
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" aria-describedby="datetimepicker1Help">
<div class="input-group-append" data-target="#datetimepicker1" data-toggle="datetimepicker">
<div class="input-group-text"><i class="far fa-calendar"></i></div>
</div>
</div>
<small id="datetimepicker1Help" class="form-text text-muted">
<i class="fas fa-file-alt fs-10 text-primary"></i>
<a href="" class="text-secondary">
マニュアル
</a>
</small>
</div>
<div class="form-group mb-4">
<label for="department">
部署 <span class="badge badge-danger">必須</span>
<i class="fas fa-question-circle text-secondary" data-toggle="tooltip" data-placement="top" title="ABookCheckの管理画面で登録した作業グループから選択します。作業グループが多い場合は検索窓にグループ名の一部を入力して選択肢を探すことができます。"></i>
</label>
<select class="form-control" id="department">
<option>部署を選択</option>
<option>…</option>
</select>
</div>
<div class="form-group">
<label for="name">名前 <span class="badge badge-danger">必須</span></label>
<input type="name" class="form-control" id="name" aria-describedby="nameHelp">
</div>
</div>
</div>
</div>
<div class="col-12 bg-lightblue mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group2" role="button" aria-expanded="false" aria-controls="group2">
グループ 2/3
</h4>
<div class="bg-white mb-3 collapse" id="group2">
<div class="p-3">
form
</div>
</div>
</div>
<div class="col-12 bg-lightblue mb-1px">
<h4 class="accordion-title fs-12 py-2 m-0 collapsed" data-toggle="collapse" href="#group3" role="button" aria-expanded="false" aria-controls="group3">
グループ 3/3
</h4>
<div class="bg-white mb-3 collapse" id="group3">
<div class="p-3">
form
</div>
</div>
</div>
<div class="col-12 d-flex">
<div class="p-2 flex-grow-1">
</div>
<div class="p-2">
<button class="btn btn-outline-primary">保存</button>
</div>
<div class="p-2">
<button class="btn btn-outline-primary">送信</button>
</div>
</div>
</div>
</main>
</div>
</div>
<script type="text/javascript" src="js/app.js" defer></script>
</body>
</html>
\ No newline at end of file
app/src/css/_bootstrap-custom.scss 0 → 100644
// フォントのサイズ設定
@for $i from 1 through 40 {
.fs-#{$i}{
font-size: $i*0.1rem;
}
}
@include media-breakpoint-up(sm){
@for $i from 1 through 40 {
.fs-sm-#{$i}{
font-size: $i*0.1rem;
}
}
}
@include media-breakpoint-up(md){
@for $i from 1 through 40 {
.fs-md-#{$i}{
font-size: $i*0.1rem;
}
}
}
@include media-breakpoint-up(lg){
@for $i from 1 through 40 {
.fs-lg-#{$i}{
font-size: $i*0.1rem;
}
}
}
// 行間設定
@for $i from 0 through 40 {
.lht-#{$i}{
line-height: $i*10%;
}
}
// 幅設定
@for $i from 1 through 200 {
.w-#{$i}{
width: $i*1%;
}
}
@include media-breakpoint-down(sm){
@for $i from 1 through 100 {
.w-sm-#{$i}{
width: $i*1%;
}
}
}
@include media-breakpoint-up(md){
@for $i from 10 through 100 {
.w-md-#{$i}{
width: $i*1%;
}
}
}
@include media-breakpoint-up(lg){
@for $i from 1 through 100 {
.w-lg-#{$i}{
width: $i*1%;
}
}
}
// ボーダー設定
@include media-breakpoint-up(lg){
.border-lg{
border: 1px solid lighten(#000000,90);
}
.border-lg-top{
border-top: 1px solid lighten(#000000,90);
}
.border-lg-bottom{
border-bottom: 1px solid lighten(#000000,90);
}
.border-lg-left{
border-left: 1px solid lighten(#000000,90);
}
.border-lg-right{
border-right: 1px solid lighten(#000000,90);
}
.border-lg-none{
border: none !important;
}
.border-lg-top-none{
border-top: none !important;
}
.border-lg-bottom-none{
border-bottom: none !important;
}
.border-lg-left-none{
border-left: none !important;
}
.border-lg-right-none{
border-right: none !important;
}
}
@include media-breakpoint-up(md){
.border-md{
border: 1px solid lighten(#000000,90);
}
.border-md-top{
border-top: 1px solid lighten(#000000,90);
}
.border-md-bottom{
border-bottom: 1px solid lighten(#000000,90);
}
.border-md-left{
border-left: 1px solid lighten(#000000,90);
}
.border-md-right{
border-right: 1px solid lighten(#000000,90);
}
.border-md-none{
border: none !important;
}
.border-md-top-none{
border-top: none !important;
}
.border-md-bottom-none{
border-bottom: none !important;
}
.border-md-left-none{
border-left: none !important;
}
.border-md-right-none{
border-right: none !important;
}
}
@include media-breakpoint-up(sm){
.border-sm{
border: 1px solid lighten(#000000,90);
}
.border-sm-top{
border-top: 1px solid lighten(#000000,90);
}
.border-sm-bottom{
border-bottom: 1px solid lighten(#000000,90);
}
.border-sm-left{
border-left: 1px solid lighten(#000000,90);
}
.border-sm-right{
border-right: 1px solid lighten(#000000,90);
}
.border-sm-none{
border: none !important;
}
.border-sm-top-none{
border-top: none !important;
}
.border-sm-bottom-none{
border-bottom: none !important;
}
.border-sm-left-none{
border-left: none !important;
}
.border-sm-right-none{
border-right: none !important;
}
}
// border 拡張
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.border#{$infix}-top { border-top: $border-width solid $border-color !important; }
.border#{$infix}-right { border-right: $border-width solid $border-color !important; }
.border#{$infix}-bottom { border-bottom: $border-width solid $border-color !important; }
.border#{$infix}-left { border-left: $border-width solid $border-color !important; }
.border#{$infix}-top-0 { border-top: 0 !important; }
.border#{$infix}-right-0 { border-right: 0 !important; }
.border#{$infix}-bottom-0 { border-bottom: 0 !important; }
.border#{$infix}-left-0 { border-left: 0 !important; }
.border#{$infix}-x {
border-left: $border-width solid $border-color !important;
border-right: $border-width solid $border-color !important;
}
.border#{$infix}-y {
border-top: $border-width solid $border-color !important;
border-bottom: $border-width solid $border-color !important;
}
}
}
@for $i from 0 through 10 {
.border-#{$i}{
border-width: $i*1px !important;
}
}
@each $key, $color in $globalColor {
.border-#{"" + $key} {
border-color: $color !important;
}
}
button{
outline:none !important;
}
.form-control{
&::placeholder{
color: #cccccc;
}
}
\ No newline at end of file
app/src/css/_variables.scss 0 → 100644
$globalColor: (
black:#000,
white:#fff,
lightblue:#EBF4FB,
middleblue: #0070CA,
gray: #545D69,
lightgray: #DADEE3,
primary:#0053F0,
warnng:#DB572E,
light:#f1f1f1,
thin_black:rgb(65, 64, 64),
thin_white:rgba(255, 255, 255, 0.52),
grayx:#f1f1f1,
gray2:#979797,
red:#c81a3e,
brown:#a0522d,
pink:#E3277C,
perple:#ba55d3,
yellow:#FFBB2F,
blue:#239bc8,
dull_blue:#356C95,
thin_bule:#7B9AFF,
navy:rgb(0, 24, 158),
deepnavy:#041C3E,
green:#339933,
lightgreen:rgba(green,0.05),
info:#17A2B8,
gold:#cc9900,
khaki:#9F9165,
);
// map-get($globalColor,black);
// @each $key, $color in $globalColor {
// .#{$key} {
// color: $color;
// }
// }
app/src/css/app.scss 0 → 100644
// テーマカラー
$theme-colors: (
"primary": #0053F0,
"warning": #DB572E,
"lightblue": #EBF4FB,
"black": #000,
"white": #fff
);
// パンくずスタイル変更
$breadcrumb-divider: quote(">");
// font
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
// Bootstrap
@import "~bootstrap/scss/bootstrap";
@import '~@fortawesome/fontawesome-free/css/all.min.css';
// datepicker
@import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4';
// 設定
@import "variables";
@import "bootstrap-custom";
// page毎の設定
@import "pages/common";
@import "pages/index";
@import "pages/list";
@import "pages/form_output";
@import "pages/report_form";
app/src/css/pages/_common.scss 0 → 100644
.btn {
border-width: 2px;
font-weight: bold;
}
.mb-1px {
margin-bottom: 1px;
}
// datepicker
.datepicker-days th.dow:first-child,
.datepicker-days td:first-child {
color: #f00;
}
.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
color: #00f;
}
app/src/css/pages/_form_output.scss 0 → 100644
.block-title {
border-bottom: 1px solid map-get($globalColor,middleblue);
}
\ No newline at end of file
app/src/css/pages/_index.scss 0 → 100644
.main-section {
margin-bottom: 68px;
}
.breadcrumb {
overflow-x: auto;
justify-content: start;
flex-wrap: nowrap;
white-space: nowrap;
background-color: transparent;
.breadcrumb-item {
font-size: 0.8rem;
}
}
@include media-breakpoint-down(sm) {
.breadcrumb-item + .breadcrumb-item {
padding-right: 1rem;
}
}
.has-search .form-control {
padding-left: 0.75rem;
}
.has-search .form-control-feedback {
position: absolute;
right:1rem;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}
.duration-area {
.modal {
&.modal-duration {
.modal-dialog {
width: 300px;
position: absolute;
top: 135px;
left: 0;
right: 0;
margin: auto;
@include media-breakpoint-up(lg) {
right: 10%;
}
@include media-breakpoint-up(xl) {
right: 20%;
}
}
}
}
.fade {
transition: opacity 0s linear;
}
.modal.fade .modal-dialog {
transition: transform 0s ease-out;
transform: translate(0, 0);
}
}
.modal-backdrop {
background-color: transparent;
}
.wide-wrap{
position:relative;
margin:0 calc(50% - 50vw);
overflow:hidden;
}
.drawer-menu {
background: #fff;
position: absolute;
z-index: 10;
top: 53px;
left: 0;
overflow-x: hidden;
width: 0;
height: calc(100% - 53px);
transition: .3s;
max-width: 350px;
white-space: nowrap;
&.open {
width: 90%;
}
a {
text-decoration: none;
color: black;
}
ul, ul li {
list-style: none;
padding: 0;
margin: 0;
}
dl {
margin: 0;
}
dt {
border-bottom: 1px solid #ccc;
padding: 10px 0 10px 30px;
position: relative;
font-weight: normal;
}
.sub-menu-ttl {
border-bottom: 1px solid #ccc;
padding: 10px 0 10px 50px;
margin:0px;
position: relative;
}
dd {
margin:0px;
}
.drawer-menu3 li {
padding: 10px 0 10px 70px;
border-bottom: 1px solid #ccc;
background: none;
&:hover {
background-color: map-get($globalColor,light);
}
}
.menu-link li {
padding: 10px 0 10px 50px;
border-bottom: 1px solid #ccc;
&:hover {
background-color: map-get($globalColor,light);
}
}
.menu-ttl:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
left: 10px;
top: 10px;
}
.menu-ttl.open:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
left: 10px;
top: 10px;
}
.sub-menu-ttl:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
left: 30px;
top: 10px;
}
.sub-menu-ttl.openAcd:after {
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
left: 30px;
top: 10px;
}
}
.dropdown-item {
border-bottom: 1px solid map-get($globalColor,lightgray);
&:last-child {
border-bottom: none;
}
&.active {
background-color: inherit;
color: map-get($globalColor,primary);
cursor: default;
&:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
padding-left: 0.5rem;
}
}
}
.overlay {
left: 0;
width: 0%;
top: 53px;
height: calc(100% - 53px);
display: block;
position: absolute;
background: #000;
opacity: 0.5;
z-index: 5;
transition: .3s;
&.open {
width: 100%;
}
}
app/src/css/pages/_list.scss 0 → 100644
.next-icon {
width: 22px;
height: 22px;
line-height: 0;
margin: auto 0;
i {
padding: 4px 7px;
}
}
\ No newline at end of file
app/src/css/pages/_report_form.scss 0 → 100644
.text-size {
.btn {
line-height: 0;
}
}
.accordion-title{
position: relative;
padding-left: 30px;
&:after {
content: "";
position: absolute;
left: 0px;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #858C94;
border-right: solid 2px #858C94;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}
&.collapsed:after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: 38%;
}
}
// edit sidemenu & tabmenu
@include media-breakpoint-down(md) {
.side-navi {
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display:none;
}
ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
li {
margin: 0;
padding: 0;
margin-right: 3px;
background-color: map-get($globalColor,light);
border-radius: 5px 5px 0 0;
&.active {
background-color: white;
border: 1px solid map-get($globalColor,lightgray);
border-bottom: none;
}
a {
display: block;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 3px 7px;
text-decoration: none;
color: map-get($globalColor,gray);
font-weight: bold;
font-size: 0.9rem;
}
}
}
}
}
@include media-breakpoint-up(lg) {
// side navi
.side-navi {
ul {
margin: 0;
padding: 0;
list-style: none;
li {
margin: 0;
padding: 0;
border-left:2px solid map-get($globalColor,lightgray);
padding: 5px 0;
a {
display: block;
color: map-get($globalColor,gray);
padding: 0 10px;
text-decoration: none;
font-weight: bold;
}
&.active {
a {
color: map-get($globalColor,primary);
border-left:4px solid map-get($globalColor,primary);
margin-left: -2px;
}
}
}
}
}
}
app/src/js/app.js 0 → 100644
global.jQuery = require('jquery');
require('bootstrap');
// import '@fortawesome/fontawesome-free/js/fontawesome';
// import '@fortawesome/fontawesome-free/js/solid';
// import '@fortawesome/fontawesome-free/js/regular';
window.moment = require('moment');
window.datetimepicker = require('tempusdominus-bootstrap-4');
$(function () {
$('#datetimepicker1').datetimepicker({
dayViewHeaderFormat: 'YYYY年 MMMM',
tooltips: {
close: '閉じる',
selectMonth: '月を選択',
prevMonth: '前月',
nextMonth: '次月',
selectYear: '年を選択',
prevYear: '前年',
nextYear: '次年',
selectTime: '時間を選択',
selectDate: '日付を選択',
prevDecade: '前期間',
nextDecade: '次期間',
selectDecade: '期間を選択',
prevCentury: '前世紀',
nextCentury: '次世紀'
},
format: 'YYYY/MM/DD',
locale: 'ja',
showClose: true
});
$('#datetimepicker2').datetimepicker({
dayViewHeaderFormat: 'YYYY年 MMMM',
tooltips: {
close: '閉じる',
selectMonth: '月を選択',
prevMonth: '前月',
nextMonth: '次月',
selectYear: '年を選択',
prevYear: '前年',
nextYear: '次年',
selectTime: '時間を選択',
selectDate: '日付を選択',
prevDecade: '前期間',
nextDecade: '次期間',
selectDecade: '期間を選択',
prevCentury: '前世紀',
nextCentury: '次世紀'
},
format: 'YYYY/MM/DD',
locale: 'ja',
showClose: true
});
$('[data-toggle="tooltip"]').tooltip();
});
const cbtn = document.querySelectorAll('.category-btn');
const dnav = document.querySelector('.drawer-menu');
const doverlay = document.querySelector('.overlay');
cbtn.forEach(function (target) {
target.addEventListener('click', () => {
dnav.classList.toggle('open')
doverlay.classList.toggle('open')
});
})
// カテゴリーのドロワーメニュー開閉
function acdMenu() {
//デフォルトでアコーディオンの中身を非表示
$(".drawer-menu dd").css("display", "none");
$(".drawer-menu2 ul").css("display", "none");
//第2階層のアコーディオン　
$(".drawer-menu dt").on('click', function() {
$(".drawer-menu dt").not(this).removeClass("open").next().slideUp("fast");
$(this).toggleClass("open").next().slideToggle("fast");
});
//第3階層のアコーディオン
$(".drawer-menu2 p").on('click', function() {
$(".drawer-menu2 p").not(this).removeClass("openAcd").next().slideUp("fast");
$(this).toggleClass("openAcd").next().slideToggle("fast");
});
}
$(function() {
acdMenu();
});
//フォントサイズ変更
function changeFontSize() {
var x = 16;
$(".smaller").on('click', function() { x /= 1.1; document.documentElement.style.fontSize = x + 'px'; })
$(".defaulter").on('click', function() { x = 16; document.documentElement.style.fontSize = x + 'px'; })
$(".larger").on('click', function() { x *= 1.1; document.documentElement.style.fontSize = x + 'px'; })
}
$(function() {
changeFontSize();
});
app/webHTML/css/jquery.keypad.css 0 → 100644
/* Main style sheet for jQuery Keypad v2.0.0. */
button.keypad-trigger {
width: 25px;
padding: 0px;
}
img.keypad-trigger {
margin: 2px;
vertical-align: middle;
}
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}
.keypad-popup {
display: none;
z-index: 999999;
margin: 0;
padding: 0;
width: 280px;
height: 300px;
background-color: #fff;
color: #000;
border: 1px solid #888;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
}
.keypad-keyentry {
display: none;
}
.keypad-inline {
background-color: #fff;
border: 1px solid #888;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
}
.keypad-disabled {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.keypad-rtl {
direction: rtl;
}
.keypad-prompt {
clear: both;
text-align: center;
}
.keypad-prompt.ui-widget-header {
margin: 0.125em;
}
.keypad-row {
width: 100%;
}
.keypad-space {
display: inline-block;
margin: 0.125em;
width: 2em;
}
.keypad-half-space {
display: inline-block;
margin: 0.125em 0.0625em;
width: 1em;
}
.keypad-key, .keypad-special {
margin: 0.125em;
padding: 0em;
width: 5em;
height: 5em;
background-color: #f4f4f4;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
text-align: center;
cursor: pointer;
}
.keypad-key[disabled] {
border: 0.125em outset;
}
.keypad-key-down {
}
.keypad-special {
width: 4.25em;
}
.keypad-spacebar {
width: 13.25em;
}
.keypad-tab {
width: 2em;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
color: #fff;
font-weight: bold;
}
.keypad-clear {
background-color: #a00;
}
.keypad-back {
background-color: #00a;
}
.keypad-close {
background-color: #0a0;
}
.keypad-shift {
background-color: #0aa;
}
app/webHTML/css/normal.css 0 → 100644
/*エディタ用のスタイルです。*/
/*マックでもウィンドウズでも無い場合にこのスタイルが適用されます。*/
/*font size ss*/
.ss {
font-size:60%;
line-height:1.5em;
}
/*font size s*/
.s {
font-size:78%;
line-height:1.6em;
}
/*font size m*/
.m {
font-size:86%;
line-height:1.6em;
}
/*font size L*/
.L {
font-size:108%;
line-height:1.56em;
}
/*font size LL*/
.LL {
font-size:114%;
line-height:1.5em;
}
app/webHTML/css/prettyPopin.css 0 → 100644
#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;background:url(../images/popinLeft.gif) bottom left no-repeat}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;background:url(../images/b_close.gif) bottom left no-repeat}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;background:url(../images/popinRight.gif) bottom right no-repeat}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}
app/webHTML/css/reset.css 0 → 100644
HTML {
background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
BODY {
margin: 0px; padding: 0px;
}
DIV {
margin: 0px; padding: 0px;
}
DL {
margin: 0px; padding: 0px;
}
DT {
margin: 0px; padding: 0px;
}
DD {
margin: 0px; padding: 0px;
}
UL {
margin: 0px; padding: 0px;
}
OL {
margin: 0px; padding: 0px;
}
LI {
margin: 0px; padding: 0px;
}
H1 {
margin: 0px; padding: 0px;
}
H2 {
margin: 0px; padding: 0px;
}
H3 {
margin: 0px; padding: 0px;
}
H4 {
margin: 0px; padding: 0px;
}
H5 {
margin: 0px; padding: 0px;
}
H6 {
margin: 0px; padding: 0px;
}
PRE {
margin: 0px; padding: 0px;
}
CODE {
margin: 0px; padding: 0px;
}
FORM {
margin: 0px; padding: 0px;
}
FIELDSET {
margin: 0px; padding: 0px;
}
LEGEND {
margin: 0px; padding: 0px;
}
INPUT {
margin: 0px; padding: 0px;
}
TEXTAREA {
margin: 0px; padding: 0px;
}
P {
margin: 0px; padding: 0px;
}
BLOCKQUOTE {
margin: 0px; padding: 0px;
}
TH {
margin: 0px; padding: 0px;
}
TD {
margin: 0px; padding: 0px;
}
TABLE {
border-collapse: collapse; border-spacing: 0;
}
FIELDSET {
border: 0px;
}
IMG {
border: 0px;
}
ADDRESS {
font-style: normal; font-weight: normal;
}
CAPTION {
font-style: normal; font-weight: normal;
}
CITE {
font-style: normal; font-weight: normal;
}
CODE {
font-style: normal; font-weight: normal;
}
DFN {
font-style: normal; font-weight: normal;
}
EM {
font-style: normal; font-weight: normal;
}
TH {
font-style: normal; font-weight: normal;
}
VAR {
font-style: normal; font-weight: normal;
}
LI {
list-style: none;
}
CAPTION {
text-align: left;
}
TH {
text-align: left;
}
H1 {
font-size: 100%; font-weight: normal;
}
H2 {
font-size: 100%; font-weight: normal;
}
H3 {
font-size: 100%; font-weight: normal;
}
H4 {
font-size: 100%; font-weight: normal;
}
H5 {
font-size: 100%; font-weight: normal;
}
H6 {
font-size: 100%; font-weight: normal;
}
Q::before {
content: "";
}
Q::after {
content: "";
}
ABBR {
border: 0px; font-variant: normal;
}
ACRONYM {
border: 0px; font-variant: normal;
}
SUP {
vertical-align: text-top;
}
SUB {
vertical-align: text-bottom;
}
INPUT {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
TEXTAREA {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
SELECT {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
INPUT {
}
TEXTAREA {
}
SELECT {
}
LEGEND {
color: rgb(0, 0, 0);
}
DEL {
text-decoration: none;
}
INS {
text-decoration: none;
}
.test10 {
font-size: 77%;
}
.test11 {
font-size: 85%;
}
.test12 {
font-size: 93%;
}
.test13 {
font-size: 100%;
}
.test14 {
font-size: 108%;
}
.test15 {
font-size: 116%;
}
.test16 {
font-size: 123.1%;
}
.test17 {
font-size: 131%;
}
.test18 {
font-size: 138.5%;
}
.test19 {
font-size: 146.5%;
}
.test20 {
font-size: 153.9%;
}
.test21 {
font-size: 161.6%;
}
.test22 {
font-size: 167%;
}
.test23 {
font-size: 174%;
}
.test24 {
font-size: 182%;
}
.test25 {
font-size: 189%;
}
.test26 {
font-size: 197%;
}
app/webHTML/css/win.css 0 → 100644
/*font size ss*/
.ss {
font-size:65%;
line-height:1.6em;
}
.ss, x:-moz-any-link { /* FireFox 2 */
font-size:65%;
line-height:1.5em;
}
.ss, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:65%;
line-height:1.55em;
}
*+html .ss { /* IE 7 */
font-size:65%;
line-height:1.5em;
}
* html .ss { /* IE 6 */
font-size:65%;
line-height:1.5em;
}
/*font size s*/
.s {
font-size:84%;
line-height:1.45em;
}
.s, x:-moz-any-link { /* FireFox 2 */
font-size:84%;
line-height:1.45em;
}
.s, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:84%;
line-height:1.4em;
}
*+html .s { /* IE 7 */
font-size:80%;
line-height:1.45em;
}
* html .s { /* IE 6 */
font-size:75%;
line-height:1.5em;
}
/*font size m*/
.m {
font-size:86%;
line-height:1.6em;
}
.m, x:-moz-any-link { /* FireFox 2 */
font-size:86%;
line-height:1.6em;
}
.m, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:86%;
line-height:1.6em;
}
*+html .m { /* IE 7 */
font-size:98%;
line-height:1.6em;
}
* html .m { /* IE 6 */
font-size:98%;
letter-spacing:-0.03em;
line-height:1.6em;
}
/*font size L*/
.L {
font-size:112%;
line-height:1.5em;
}
.L, x:-moz-any-link { /* FireFox 2 */
font-size:108%;
line-height:1.5em;
}
.L, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:108%;
line-height:1.5em;
}
*+html .L { /* IE 7 */
font-size:104%;
line-height:1.5em;
}
* html .L { /* IE 6 */
font-size:104%;
letter-spacing:-0.03em;
line-height:1.55em;
}
/*font size LL*/
.LL {
font-size:120%;
line-height:1.6em;
}
.LL, x:-moz-any-link { /* FireFox 2 */
font-size:120%;
line-height:1.5em;
}
.LL, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:119.9%;
line-height:1.5em;
}
*+html .LL { /* IE 7 */
font-size:120%;
line-height:1.5em;
}
* html .LL { /* IE 6 */
font-size:116%;
letter-spacing:-0.1em;
line-height:1.55em;
}
app/webHTML/js/jquery-ui.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/js/jquery.datepick-ja.js 0 → 100644
/* http://keith-wood.name/datepick.html
Japanese localisation for jQuery Datepicker.
Written by Kentaro SATO (kentaro@ranvis.com). */
(function($) {
$.datepicker.regional['ja'] = {
monthNames: ['1月','2月','3月','4月','5月','6月',
'7月','8月','9月','10月','11月','12月'],
monthNamesShort: ['1月','2月','3月','4月','5月','6月',
'7月','8月','9月','10月','11月','12月'],
dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
dayNamesShort: ['日','月','火','水','木','金','土'],
dayNamesMin: ['日','月','火','水','木','金','土'],
dateFormat: 'yy/mm/dd', firstDay: 0,
prevText: '&#x3c;前', prevStatus: '前月を表示します',
prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '前年を表示します',
nextText: '次&#x3e;', nextStatus: '翌月を表示します',
nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '翌年を表示します',
currentText: '今日', currentStatus: '今月を表示します',
todayText: '今月', todayStatus: '今月を表示します',
clearText: 'クリア', clearStatus: '日付をクリアします',
closeText: '閉じる', closeStatus: '変更せずに閉じます',
yearStatus: '表示する年を変更します', monthStatus: '表示する月を変更します',
weekText: '週', weekStatus: '暦週で第何週目かを表します',
dayStatus: 'Md日(D)', defaultStatus: '日付を選択します',
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['ja']);
})(jQuery);
app/webHTML/js/jquery.plugin.min.js 0 → 100644
/*! Simple JavaScript Inheritance
* By John Resig http://ejohn.org/
* MIT Licensed.
*/
!function(){"use strict";var a=!1;window.JQClass=function(){},JQClass.classes={},JQClass.extend=function b(c){function d(){!a&&this._init&&this._init.apply(this,arguments)}var e=this.prototype;a=!0;var f=new this;a=!1;for(var g in c)if("function"==typeof c[g]&&"function"==typeof e[g])f[g]=function(a,b){return function(){var c=this._super;this._super=function(b){return e[a].apply(this,b||[])};var d=b.apply(this,arguments);return this._super=c,d}}(g,c[g]);else if("object"==typeof c[g]&&"object"==typeof e[g]&&"defaultOptions"===g){var h,i=e[g],j=c[g],k={};for(h in i)k[h]=i[h];for(h in j)k[h]=j[h];f[g]=k}else f[g]=c[g];return d.prototype=f,d.prototype.constructor=d,d.extend=b,d}}(),/*! Abstract base class for collection plugins v1.0.2.
Written by Keith Wood (wood.keith{at}optusnet.com.au) December 2013.
Licensed under the MIT license (http://keith-wood.name/licence.html). */
function($){"use strict";function camelCase(a){return a.replace(/-([a-z])/g,function(a,b){return b.toUpperCase()})}JQClass.classes.JQPlugin=JQClass.extend({name:"plugin",defaultOptions:{},regionalOptions:{},deepMerge:!0,_getMarker:function(){return"is-"+this.name},_init:function(){$.extend(this.defaultOptions,this.regionalOptions&&this.regionalOptions[""]||{});var a=camelCase(this.name);$[a]=this,$.fn[a]=function(b){var c=Array.prototype.slice.call(arguments,1),d=this,e=this;return this.each(function(){if("string"==typeof b){if("_"===b[0]||!$[a][b])throw"Unknown method: "+b;var f=$[a][b].apply($[a],[this].concat(c));if(f!==d&&void 0!==f)return e=f,!1}else $[a]._attach(this,b)}),e}},setDefaults:function(a){$.extend(this.defaultOptions,a||{})},_attach:function(a,b){if(a=$(a),!a.hasClass(this._getMarker())){a.addClass(this._getMarker()),b=$.extend(this.deepMerge,{},this.defaultOptions,this._getMetadata(a),b||{});var c=$.extend({name:this.name,elem:a,options:b},this._instSettings(a,b));a.data(this.name,c),this._postAttach(a,c),this.option(a,b)}},_instSettings:function(a,b){return{}},_postAttach:function(a,b){},_getMetadata:function(elem){try{var data=elem.data(this.name.toLowerCase())||"";data=data.replace(/(\\?)'/g,function(a,b){return b?"'":'"'}).replace(/([a-zA-Z0-9]+):/g,function(a,b,c){var d=data.substring(0,c).match(/"/g);return d&&d.length%2!==0?b+":":'"'+b+'":'}).replace(/\\:/g,":"),data=$.parseJSON("{"+data+"}");for(var key in data)if(data.hasOwnProperty(key)){var value=data[key];"string"==typeof value&&value.match(/^new Date\(([-0-9,\s]*)\)$/)&&(data[key]=eval(value))}return data}catch(a){return{}}},_getInst:function(a){return $(a).data(this.name)||{}},option:function(a,b,c){a=$(a);var d=a.data(this.name),e=b||{};return!b||"string"==typeof b&&"undefined"==typeof c?(e=(d||{}).options,e&&b?e[b]:e):void(a.hasClass(this._getMarker())&&("string"==typeof b&&(e={},e[b]=c),this._optionsChanged(a,d,e),$.extend(d.options,e)))},_optionsChanged:function(a,b,c){},destroy:function(a){a=$(a),a.hasClass(this._getMarker())&&(this._preDestroy(a,this._getInst(a)),a.removeData(this.name).removeClass(this._getMarker()))},_preDestroy:function(a,b){}}),$.JQPlugin={createPlugin:function(a,b){"object"==typeof a&&(b=a,a="JQPlugin"),a=camelCase(a);var c=camelCase(b.name);JQClass.classes[c]=JQClass.classes[a].extend(b),new JQClass.classes[c]}}}(jQuery);
//# sourceMappingURL=jquery.plugin.min.map
app/webHTML/js/jquery.prettyPopin.js 0 → 100644
/* ------------------------------------------------------------------------
Class: prettyPopin
Use: Alternative to popups
Author: Stephane Caron (http://www.no-margin-for-errors.com)
Version: 1.3
------------------------------------------------------------------------- */
var _0=false;var _1=false;(function(a){a.fn.prettyPopin=function(b){b=jQuery.extend({modal:false,width:false,height:false,opacity:0.5,animationSpeed:'fast',followScroll:true,loader_path:'images/prettyPopin/loader.gif',callback:function(){}},b);function l(){if(_1)return;_1=true;a(window).scroll(function(){i()});a(window).resize(function(){i()})};l();return this.each(function(){var e;var f;var c;a(this).click(function(){m();n();a.get(a(this).attr('href'),function(d){a('.prettyPopin .prettyContent .prettyContent-container').html(d);e=b.width||a('.prettyPopin .prettyContent .prettyContent-container').width()+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-left'))+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-right'));a('.prettyPopin').width(e);f=b.height||a('.prettyPopin .prettyContent .prettyContent-container').height()+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-top'))+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-bottom'));a('.prettyPopin').height(f);a('.prettyPopin').height(45).width(45);o()});return false});var o=function(){var d=g();projectedTop=(a(window).height()/2)+d['scrollTop']-(f/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=b.followScroll};a('.prettyPopin').animate({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(e/2),'width':e,'height':f},b.animationSpeed,function(){j()})};var n=function(){a('body').append('<div class="prettyPopin"><a href="#" id="b_close" rel="close">Close</a><div class="prettyContent"><img src="'+b.loader_path+'" alt="Loading" class="loader" /><div class="prettyContent-container"></div></div></div>');c=a('.prettyPopin .prettyContent .prettyContent-container');a('.prettyPopin a[rel=close]:eq(0)').click(function(){h();return false});var d=g();a('.prettyPopin').width(45).height(45).css({'top':(a(window).height()/2)+d['scrollTop'],'left':(a(window).width()/2)+d['scrollLeft']}).hide().fadeIn(b.animationSpeed)};var m=function(){a('body').append('<div id="overlay"></div>');a('#overlay').css('height',a(document).height());a('#overlay').css('opacity',0).fadeTo(b.animationSpeed,b.opacity);if(!b.modal){a('#overlay').click(function(){h()})}};var j=function(){c.parent().find('.loader').hide();c.parent().parent().find('#b_close').show();c.fadeIn(function(){a(this).find('input[type=text]:first').trigger('focus');a('.prettyPopin a[rel=internal]').click(function(){$link=a(this);c.fadeOut(function(){c.parent().find('.loader').show();a.get($link.attr('href'),function(d){c.html(d);k(c)})});return false});a('.prettyPopin form').bind('submit',function(){$theForm=a(this);c.fadeOut(function(){c.parent().find('.loader').show();a.post($theForm.attr('action'),$theForm.serialize(),function(d){c.html(d);k(c)})});return false})});a('.prettyPopin a[rel=close]:gt(0)').click(function(){h();return false})};var k=function(){var d=g();if(!b.width)e=c.width()+parseFloat(c.css('padding-left'))+parseFloat(c.css('padding-right'));if(!b.height)f=c.height()+parseFloat(c.css('padding-top'))+parseFloat(c.css('padding-bottom'));projectedTop=(a(window).height()/2)+d['scrollTop']-(f/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=b.followScroll};a('.prettyPopin').animate({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(e/2),'width':e,'height':f},b.animationSpeed,function(){j()})};var h=function(){a('#overlay').fadeOut(b.animationSpeed,function(){a(this).remove()});a('.prettyPopin').fadeOut(b.animationSpeed,function(){a(this).remove();b.callback()})}});function i(){if(!_0)return;if(!a('.prettyPopin'))return;var d=g();if(a.browser.opera){windowHeight=window.innerHeight;windowWidth=window.innerWidth}else{windowHeight=a(window).height();windowWidth=a(window).width()};projectedTop=(a(window).height()/2)+d['scrollTop']-(a('.prettyPopin').height()/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=true};a('.prettyPopin').css({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(a('.prettyPopin').width()/2)})};function g(){scrollTop=window.pageYOffset||document.documentElement.scrollTop||0;scrollLeft=window.pageXOffset||document.documentElement.scrollLeft||0;return{scrollTop:scrollTop,scrollLeft:scrollLeft}}}})(jQuery);
app/webHTML/コンテンツ管理システム.html 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2.html 0 → 100644
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0088)https://check.abookcloud.com/acms/agtsales_ex/shop/quickReportManagement/searchResult/2/ -->
<html lang="ja-JP"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<!--meta http-equiv="X-UA-Compatible" content="IE=emulateIE7"-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="referrer" content="unsafe-url">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<title> コンテンツ管理システム
</title>
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/reset.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/normal.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/quickReport_lite_1.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/jquery.datepick.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/prettyPopin.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/win.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/fullcalendar.min.css" media="all">
<link rel="stylesheet" type="text/css" href="./コンテンツ管理システム2_files/forMenu.css" media="all">
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery-1.11.2.min.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery-ui.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/script.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery.datepick.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery.datepick-ja.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery.prettyPopin.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/groupTree.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/subwin.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/jquery.placeholder.min.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/moment.min.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/fullcalendar.min.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/fullcalendar.locale-all.js.ダウンロード"></script>
<script type="text/javascript" src="./コンテンツ管理システム2_files/tendina.js.ダウンロード"></script>
</head>
<body id="pagetop">
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// 行が1行以上存在する場合
if (document.querySelector('.p-files__filename')) {
toggleFileInfo(1);
}
});
/**
* ファイル情報アコーディオン
*/
function toggleFileInfo(i) {
$('#filename_tri_' + i).toggleClass('c-tri--down');
// リビジョンのアコーディオンを全て閉じる
$('img[id^=excel_tri_' + i + '_]').removeClass('c-tri--down');
$('ul[id^=operation_' + i + '_]').removeClass('p-files--open');
// 簡易帳票1ファイル単位の開閉を切り替え
$('ul[id^=excel_' + i + '_]').toggleClass('p-files__excel--appear');
// 展開時の場合
if($('#excel_' + i + '_1').hasClass('p-files__excel--appear')) {
// 1番目のリビジョンを表示
$('#excel_tri_' + i + '_1').addClass('c-tri--down');
$('#operation_' + i + '_1').addClass('p-files--open');
}
}
/**
* リビジョン情報アコーディオン
*/
function toggleRevisionInfo(i, j) {
$('#excel_tri_' + i + '_' + j).toggleClass('c-tri--down');
$('#operation_' + i + '_' + j).toggleClass('p-files--open');
}
function submitForm() {
document.mainForm.submit();
return false;
}
function deleteResource(url){
if (!confirm("I/O 帳票を削除してもよろしいですか？")) { return false; }
location.href = url;
}
/**
* アコーディオン開閉状態付与
*/
function addAccordionState(url, queryExists) {
if (queryExists === undefined) {
queryExists = true;
}
var accordionState = "";
$('.c-tri--right.c-tri--down').each(function(index, element){
var id = $(element).attr('id');
if (id.indexOf('filename_tri_') === 0) {
accordionState += id.substring(13) + ',';
} else {
accordionState += id.substring(10) + ',';
}
});
if (accordionState !== "") {
var queryName = queryExists ? "&accordionState=" : "?accordionState=";
// アコーディオンの開閉状態をreload時に保持するため付与
return url + queryName + accordionState.slice(0, -1);
}
return url;
}
/**
* アコーディオン開閉状態復元
*/
function restoreAccordionState(accordionState) {
var states = accordionState.split(",");
for (var i = 0, len = states.length; i < len ; i++) {
var state = states[i];
if (state.indexOf("_") === -1) {
// 簡易帳票1ファイル単位の開閉を切り替え
$('#filename_tri_' + state).addClass('c-tri--down');
$('ul[id^=excel_' + state + '_]').addClass('p-files__excel--appear');
} else {
var index = state.split("_");
toggleRevisionInfo(index[0], index[1]);
}
}
}
</script>
<script>
$('.menu-trigger').on('click',function(){
if($(this).hasClass('active')){
$(this).removeClass('active');
$('nav2').removeClass('open');
$('.overlay').removeClass('open');
} else {
$(this).addClass('active');
$('nav2').addClass('open');
$('.overlay').addClass('open');
}
});
$('.overlay').on('click',function(){
if($(this).hasClass('open')){
$(this).removeClass('open');
$('.menu-trigger').removeClass('active');
$('nav2').removeClass('open');
}
});
$('.dropdown').tendina({
animate: true,
speed: 300,
openCallback: function($clickedEl) {
console.log($clickedEl);
},
closeCallback: function($clickedEl) {
console.log($clickedEl);
}
});
// メニュー開閉ボタンのアイコン回転
$('.menu-trigger').on('click',function(){
if($('.menu-trigger__icon').hasClass('active_tri')){
$('.menu-trigger__icon').removeClass('active_tri');
} else {
$('.menu-trigger__icon').addClass('active_tri');
}
});
// メニューの三角アイコン回転
$('#menu01').on('click',function(){
if($('this').hasClass('selected')){
$('this').removeClass('selected');
} else {
$('#menu01').addClass('selected');
}
});
// サブメニューを持たない項目を選択時、他のサブメニューを持つ項目を閉じ、選択状態をクリアする。
$('.hasChild').on('click',function(){
if($('.notHasChild').hasClass('selected')){
$('.notHasChild').removeClass('selected');
}
});
$('.notHasChild').on('click',function(){
if($('.hasChild').hasClass('selected')){
$('.hasChild').removeClass('selected');
$('.hasChild > ul').css('display','block');
}
});
$('.notHasChild').on('click',function(){
if($('.hasChild').hasClass('selected')){
$('.hasChild').removeClass('selected');
$('.hasChild > ul').css('display','block');
}
});
// サブメニューを持たない項目も、選択時に選択状態にする。
// その状態で他の項目が選択されると、選択を解除する。
$('.notHasChild').on('click',function(){
$('li.selected').removeClass('selected');
$(this).addClass('selected');
}
);
</script>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-front ui-draggable ui-dialog-popup noTitleStuff" tabindex="-1" role="dialog" aria-describedby="popup_dialog" aria-labelledby="ui-id-1" style="position: fixed; height: auto; width: 1000px; top: 10px; left: 7px; display: block; z-index: 101;"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix ui-draggable-handle" style="display: none;"><span id="ui-id-1" class="ui-dialog-title"> </span><button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" title="Close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">Close</span></button></div><div class="ifrm-container ui-dialog-content ui-widget-content" id="popup_dialog" style="width: auto; min-height: 0px; max-height: none; height: 800px;"><iframe class="ifrm" id="popupUrlIfrm" src="./コンテンツ管理システム2_files/saved_resource.html"></iframe></div></div><div class="ui-widget-overlay ui-front" style="z-index: 100; background: rgb(204, 204, 204);"></div></body></html>
\ No newline at end of file
app/webHTML/コンテンツ管理システム2_files/forMenu.css 0 → 100644
/* menu */
/* menu */
.menu-container {
display: block;
height: 100%;
width: 350px;
/*
z-index: 70;
*/
position: absolute;
top: 80px;
left: 0;
overflow: hidden;
-ms-overflow-style: none;
}
.menu-container::-webkit-scrollbar {
display: none;
}
.menu-iframe {
overflow: hidden;
-ms-overflow-style: none;
height: 100%;
}
html {
font-size: 62.5% !important;
}
/*
body {
font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial',sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6em;
line-height: 1;
position: relative;
height: 100vh;
width: 300px;
}
*/
/*
a {
text-decoration: none;
}
*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
/*
table {
border-collapse: collapse;
border-spacing: 0;
}
*/
/*
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
*/
.dropdown {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 244px;
background-color: #2A5772;
font-family: "Montserrat", sans-serif;
padding-top: 80px;
font-size: 12px;
}
.dropdown li {
position: relative;
}
.dropdown li.selected {
background-color: #F8F8F8;
color: #2A5772;
}
.dropdown li.selected a {
color: #2A5772;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
.dropdown li.selected > ul > li > a {
color: #fff;
padding-left: 92px;
}
.dropdown li a {
display: block;
/*
width: 100%;
*/
padding: 14px 0 14px 40px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
position: relative;
font-size: 1.6rem;
font-weight: 700;
transition: all .3s;
}
.dropdown > li > ul > li > a {
padding-left: 64px !important;
background: #616C7A;
}
.dropdown li > ul li {
color: #fff;
}
.dropdown li > ul li a {
padding-left: 48px;
color: #fff;
transition: all .0s;
}
.dropdown li > ul li a:hover {
color: #90A4AE;
}
.dropdown li > ul li a:active {
color: #fff;
}
.dropdown li > ul li > ul li {
padding: 10px 0 10px 30px;
}
.dropdown li > ul li > ul li a {
color: #fff;
font-size: 12px;
text-transform: none;
padding: 0;
}
.selected li:nth-child(2) {
background: #616C7A;
color: #fff;
}
.selected li:nth-child(2):hover {
color: #90A4AE;
}
.selected li:nth-child(3) {
background: #616C7A;
color: #fff;
}
.selected li:nth-child(3):hover {
color: #90A4AE;
}
.selected li:first-child {
background: #616C7A;
color: #fff;
}
.selected li:first-child:hover {
color: #90A4AE;
}
.dropdown li.selected:first-child a {
color: #2A5772;
}
.dropdown li.selected:first-child ul a {
color: #fff;
}
.p-sidemenu {
position: relative;
height: 100vh;
width: 244px;
}
.p-sidemenu__sidebtn {
width: 44px;
height: 120px;
background-color: #2A5772;
color: #fff;
display: flex;
justify-content: center;
position: absolute;
left: 244px;
top: 64px;
}
.wrapper_menu {
height: 100%;
width: 244px;
position: relative;
display: block;
}
/*
main {
height: 100%;
min-height: 100vh;
width: 244px;
transition: all .3s;
position: absolute;
}
*/
.menu-trigger {
width: 56px;
height: 120px;
cursor: pointer;
position: fixed;
top: 144px;
left: 0px;
z-index: 100;
transform: translateX(0);
transition: transform .3s;
background-color: #2A5772;
border-radius: 6px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.menu-trigger__icon {
height: 32px;
width: auto;
transform: rotate(0deg);
transition: all .3s;
}
.active_tri {
transform: rotate(180deg) !important;
transition: all .3s;
}
.menu-trigger.active {
transform: translateX(243px);
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #000;
}
.menu-trigger.active span {
background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(12px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-12px) rotate(45deg);
}
nav2 {
width: 244px;
height: 100%;
padding-top: 100px;
background-color: #2A5772;
position: fixed;
top: 0;
left: 0;
z-index: 10;
transform: translate(-250px);
transition: all .3s;
}
nav2.open {
transform: translateZ(0);
}
nav2 li {
color: #fff;
text-align: left;
}
nav2 ul {
list-style: none;
}
.navwrapper {
width: 244px;
height: 100%;
position: relative;
display: block;
-webkit-font-smoothing: antialiased;
}
.menu-ic {
fill: #fff;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
nav2 li.selected > a > .menu-ic {
fill: #2A5772;
}
.u-menu-noChild {
padding-left: 16px;
}
.menu-tri {
fill: #fff;
margin-right: 4px;
display: inline-block;
vertical-align: middle;
transition: all .3s;
}
#menu-tri01 {
transform: rotate(0);
transition: all .3s;
}
nav2 li.selected > a > .menu-tri {
fill: #2A5772 !important;
transform: rotate(90deg) !important;
}
nav2 li.selected > a > #menu-tri01.active_menutri {
transform: rotate(90deg) !important;
}
nav2 li.hasChild > ul {
display: none !important;
}
nav2 li.hasChild.selected > ul {
display: block !important;
}
.menuobject:hover {
background: #90A4AE;
}
/* header */
.section-header_lite {
width: 100%;
background-color: #2A5772;
height: 80px;
padding: 0 56px;
display: flex;
align-items: center;
margin: 0 auto;
box-sizing: border-box;
}
.iu-header-box_lite {
position: relative;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1808px;
display: flex;
justify-content: space-between;
margin-top: 32px;
margin-bottom: 32px;
box-sizing: border-box;
}
.iu-box-header-left_lite {
float: left;
height: 100%;
position: relative;
width: 30%;
/*
width: 65%;
*/
display: flex;
justify-content: flex-start;
align-items: center;
}
.iu-box-header-right_lite {
width: auto;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
position: relative;
}
.text-logout_lite {
font-size: 1.4rem;
font-weight: 700;
height: 32px;
width: 144px;
background-color: #fff;
color: #2A5772;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
}
.text-logout_lite:hover, .a-inner-link_lite:hover {
color: #90A4AE;
}
.header-button_lite {
position: relative;
margin-left: 24px;
}
.a-inner-link_lite {
position: relative;
}
.text-loginId_lite {
font-weight: 300;
vertical-align: middle;
color: #fff;
float: left;
}
/* footer */
footer_lite {
/*
background-color: #F8F8F8;
*/
background-color: transparent;
height: 80px;
width: 100%;
position: absolute;
bottom: 0;
color: #616C7A;
}
footer_lite .iu-header-box_lite {
margin: 0 auto;
color: #616C7A;
}
.text-footer_lite {
font-size: 14px;
color: #616C7A;
height: 75%;
margin-top: 25px;
text-align: center;
}
/* page */
.u-center {
display: block;
margin: 0 auto;
}
.iu-header-box_bottom_page {
position: relative;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1808px;
display: flex;
justify-content: space-between;
margin-top: 32px;
margin-bottom: 32px;
box-sizing: border-box;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvck1lbnUuc2NzcyIsImZvck1lbnUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBYztFQUNkLFlBQVk7RUFDWixZQUFXO0VBQ1gsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixTQUFRO0VBQ1IsT0FBTztFQUNQLGdCQUFnQjtFQUNoQix3QkFBd0I7QUNDMUI7O0FERUE7RUFDRSxhQUFZO0FDQ2Q7O0FERUE7RUFDRSxnQkFBZ0I7RUFDaEIsd0JBQXdCO0VBQ3hCLFlBQVc7QUNDYiIsImZpbGUiOiJmb3JNZW51LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tZW51LWNvbnRhaW5lcntcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6MzUwcHg7XG4gIHotaW5kZXg6IDcwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDo4MHB4O1xuICBsZWZ0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG59XG5cbi5tZW51LWNvbnRhaW5lcjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICBkaXNwbGF5Om5vbmU7XG59XG5cbi5tZW51LWlmcmFtZXtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICBoZWlnaHQ6MTAwJTtcbn0iLCIubWVudS1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMzUwcHg7XG4gIHotaW5kZXg6IDcwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogODBweDtcbiAgbGVmdDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xufVxuXG4ubWVudS1jb250YWluZXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm1lbnUtaWZyYW1lIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */
app/webHTML/コンテンツ管理システム2_files/fullcalendar.locale-all.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2_files/fullcalendar.min.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2_files/jquery-ui.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2_files/jquery.datepick-ja.js.ダウンロード 0 → 100644
/* http://keith-wood.name/datepick.html
/* http://keith-wood.name/datepick.html
Japanese localisation for jQuery Datepicker.
Written by Kentaro SATO (kentaro@ranvis.com). */
(function($) {
$.datepicker.regional['ja'] = {
monthNames: ['1月','2月','3月','4月','5月','6月',
'7月','8月','9月','10月','11月','12月'],
monthNamesShort: ['1月','2月','3月','4月','5月','6月',
'7月','8月','9月','10月','11月','12月'],
dayNames: ['日曜日','月曜日','火曜日','水曜日','木曜日','金曜日','土曜日'],
dayNamesShort: ['日','月','火','水','木','金','土'],
dayNamesMin: ['日','月','火','水','木','金','土'],
dateFormat: 'yy/mm/dd', firstDay: 0,
prevText: '&#x3c;前', prevStatus: '前月を表示します',
prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '前年を表示します',
nextText: '次&#x3e;', nextStatus: '翌月を表示します',
nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '翌年を表示します',
currentText: '今日', currentStatus: '今月を表示します',
todayText: '今月', todayStatus: '今月を表示します',
clearText: 'クリア', clearStatus: '日付をクリアします',
closeText: '閉じる', closeStatus: '変更せずに閉じます',
yearStatus: '表示する年を変更します', monthStatus: '表示する月を変更します',
weekText: '週', weekStatus: '暦週で第何週目かを表します',
dayStatus: 'Md日(D)', defaultStatus: '日付を選択します',
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['ja']);
})(jQuery);
app/webHTML/コンテンツ管理システム2_files/jquery.keypad.css 0 → 100644
/* Main style sheet for jQuery Keypad v2.0.0. */
/* Main style sheet for jQuery Keypad v2.0.0. */
button.keypad-trigger {
width: 25px;
padding: 0px;
}
img.keypad-trigger {
margin: 2px;
vertical-align: middle;
}
.keypad-popup, .keypad-inline, .keypad-key, .keypad-special {
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}
.keypad-popup {
display: none;
z-index: 999999;
margin: 0;
padding: 0;
width: 280px;
height: 300px;
background-color: #fff;
color: #000;
border: 1px solid #888;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
}
.keypad-keyentry {
display: none;
}
.keypad-inline {
background-color: #fff;
border: 1px solid #888;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
}
.keypad-disabled {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.keypad-rtl {
direction: rtl;
}
.keypad-prompt {
clear: both;
text-align: center;
}
.keypad-prompt.ui-widget-header {
margin: 0.125em;
}
.keypad-row {
width: 100%;
}
.keypad-space {
display: inline-block;
margin: 0.125em;
width: 2em;
}
.keypad-half-space {
display: inline-block;
margin: 0.125em 0.0625em;
width: 1em;
}
.keypad-key, .keypad-special {
margin: 0.125em;
padding: 0em;
width: 5em;
height: 5em;
background-color: #f4f4f4;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
border-radius: 0.25em;
text-align: center;
cursor: pointer;
}
.keypad-key[disabled] {
border: 0.125em outset;
}
.keypad-key-down {
}
.keypad-special {
width: 4.25em;
}
.keypad-spacebar {
width: 13.25em;
}
.keypad-tab {
width: 2em;
}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift {
color: #fff;
font-weight: bold;
}
.keypad-clear {
background-color: #a00;
}
.keypad-back {
background-color: #00a;
}
.keypad-close {
background-color: #0a0;
}
.keypad-shift {
background-color: #0aa;
}
app/webHTML/コンテンツ管理システム2_files/jquery.placeholder.min.js.ダウンロード 0 → 100644
/*! http://mths.be/placeholder v2.0.7 by @mathias */
/*! http://mths.be/placeholder v2.0.7 by @mathias */
;(function(f,h,$){var a='placeholder' in h.createElement('input'),d='placeholder' in h.createElement('textarea'),i=$.fn,c=$.valHooks,k,j;if(a&&d){j=i.placeholder=function(){return this};j.input=j.textarea=true}else{j=i.placeholder=function(){var l=this;l.filter((a?'textarea':':input')+'[placeholder]').not('.placeholder').bind({'focus.placeholder':b,'blur.placeholder':e}).data('placeholder-enabled',true).trigger('blur.placeholder');return l};j.input=a;j.textarea=d;k={get:function(m){var l=$(m);return l.data('placeholder-enabled')&&l.hasClass('placeholder')?'':m.value},set:function(m,n){var l=$(m);if(!l.data('placeholder-enabled')){return m.value=n}if(n==''){m.value=n;if(m!=h.activeElement){e.call(m)}}else{if(l.hasClass('placeholder')){b.call(m,true,n)||(m.value=n)}else{m.value=n}}return l}};a||(c.input=k);d||(c.textarea=k);$(function(){$(h).delegate('form','submit.placeholder',function(){var l=$('.placeholder',this).each(b);setTimeout(function(){l.each(e)},10)})});$(f).bind('beforeunload.placeholder',function(){$('.placeholder').each(function(){this.value=''})})}function g(m){var l={},n=/^jQuery\d+$/;$.each(m.attributes,function(p,o){if(o.specified&&!n.test(o.name)){l[o.name]=o.value}});return l}function b(m,n){var l=this,o=$(l);if(l.value==o.attr('placeholder')&&o.hasClass('placeholder')){if(o.data('placeholder-password')){o=o.hide().next().show().attr('id',o.removeAttr('id').data('placeholder-id'));if(m===true){return o[0].value=n}o.focus()}else{l.value='';o.removeClass('placeholder');l==h.activeElement&&l.select()}}}function e(){var q,l=this,p=$(l),m=p,o=this.id;if(l.value==''){if(l.type=='password'){if(!p.data('placeholder-textinput')){try{q=p.clone().attr({type:'text'})}catch(n){q=$('<input>').attr($.extend(g(this),{type:'text'}))}q.removeAttr('name').data({'placeholder-password':true,'placeholder-id':o}).bind('focus.placeholder',b);p.data({'placeholder-textinput':q,'placeholder-id':o}).before(q)}p=p.removeAttr('id').hide().prev().attr('id',o).show()}p.addClass('placeholder');p[0].value=p.attr('placeholder')}else{p.removeClass('placeholder')}}}(this,document,jQuery));
\ No newline at end of file
app/webHTML/コンテンツ管理システム2_files/jquery.plugin.min.js.ダウンロード 0 → 100644
/*! Simple JavaScript Inheritance
/*! Simple JavaScript Inheritance
* By John Resig http://ejohn.org/
* MIT Licensed.
*/
!function(){"use strict";var a=!1;window.JQClass=function(){},JQClass.classes={},JQClass.extend=function b(c){function d(){!a&&this._init&&this._init.apply(this,arguments)}var e=this.prototype;a=!0;var f=new this;a=!1;for(var g in c)if("function"==typeof c[g]&&"function"==typeof e[g])f[g]=function(a,b){return function(){var c=this._super;this._super=function(b){return e[a].apply(this,b||[])};var d=b.apply(this,arguments);return this._super=c,d}}(g,c[g]);else if("object"==typeof c[g]&&"object"==typeof e[g]&&"defaultOptions"===g){var h,i=e[g],j=c[g],k={};for(h in i)k[h]=i[h];for(h in j)k[h]=j[h];f[g]=k}else f[g]=c[g];return d.prototype=f,d.prototype.constructor=d,d.extend=b,d}}(),/*! Abstract base class for collection plugins v1.0.2.
Written by Keith Wood (wood.keith{at}optusnet.com.au) December 2013.
Licensed under the MIT license (http://keith-wood.name/licence.html). */
function($){"use strict";function camelCase(a){return a.replace(/-([a-z])/g,function(a,b){return b.toUpperCase()})}JQClass.classes.JQPlugin=JQClass.extend({name:"plugin",defaultOptions:{},regionalOptions:{},deepMerge:!0,_getMarker:function(){return"is-"+this.name},_init:function(){$.extend(this.defaultOptions,this.regionalOptions&&this.regionalOptions[""]||{});var a=camelCase(this.name);$[a]=this,$.fn[a]=function(b){var c=Array.prototype.slice.call(arguments,1),d=this,e=this;return this.each(function(){if("string"==typeof b){if("_"===b[0]||!$[a][b])throw"Unknown method: "+b;var f=$[a][b].apply($[a],[this].concat(c));if(f!==d&&void 0!==f)return e=f,!1}else $[a]._attach(this,b)}),e}},setDefaults:function(a){$.extend(this.defaultOptions,a||{})},_attach:function(a,b){if(a=$(a),!a.hasClass(this._getMarker())){a.addClass(this._getMarker()),b=$.extend(this.deepMerge,{},this.defaultOptions,this._getMetadata(a),b||{});var c=$.extend({name:this.name,elem:a,options:b},this._instSettings(a,b));a.data(this.name,c),this._postAttach(a,c),this.option(a,b)}},_instSettings:function(a,b){return{}},_postAttach:function(a,b){},_getMetadata:function(elem){try{var data=elem.data(this.name.toLowerCase())||"";data=data.replace(/(\\?)'/g,function(a,b){return b?"'":'"'}).replace(/([a-zA-Z0-9]+):/g,function(a,b,c){var d=data.substring(0,c).match(/"/g);return d&&d.length%2!==0?b+":":'"'+b+'":'}).replace(/\\:/g,":"),data=$.parseJSON("{"+data+"}");for(var key in data)if(data.hasOwnProperty(key)){var value=data[key];"string"==typeof value&&value.match(/^new Date\(([-0-9,\s]*)\)$/)&&(data[key]=eval(value))}return data}catch(a){return{}}},_getInst:function(a){return $(a).data(this.name)||{}},option:function(a,b,c){a=$(a);var d=a.data(this.name),e=b||{};return!b||"string"==typeof b&&"undefined"==typeof c?(e=(d||{}).options,e&&b?e[b]:e):void(a.hasClass(this._getMarker())&&("string"==typeof b&&(e={},e[b]=c),this._optionsChanged(a,d,e),$.extend(d.options,e)))},_optionsChanged:function(a,b,c){},destroy:function(a){a=$(a),a.hasClass(this._getMarker())&&(this._preDestroy(a,this._getInst(a)),a.removeData(this.name).removeClass(this._getMarker()))},_preDestroy:function(a,b){}}),$.JQPlugin={createPlugin:function(a,b){"object"==typeof a&&(b=a,a="JQPlugin"),a=camelCase(a);var c=camelCase(b.name);JQClass.classes[c]=JQClass.classes[a].extend(b),new JQClass.classes[c]}}}(jQuery);
//# sourceMappingURL=jquery.plugin.min.map
\ No newline at end of file
app/webHTML/コンテンツ管理システム2_files/jquery.prettyPopin.js.ダウンロード 0 → 100644
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
Class: prettyPopin
Use: Alternative to popups
Author: Stephane Caron (http://www.no-margin-for-errors.com)
Version: 1.3
------------------------------------------------------------------------- */
var _0=false;var _1=false;(function(a){a.fn.prettyPopin=function(b){b=jQuery.extend({modal:false,width:false,height:false,opacity:0.5,animationSpeed:'fast',followScroll:true,loader_path:'images/prettyPopin/loader.gif',callback:function(){}},b);function l(){if(_1)return;_1=true;a(window).scroll(function(){i()});a(window).resize(function(){i()})};l();return this.each(function(){var e;var f;var c;a(this).click(function(){m();n();a.get(a(this).attr('href'),function(d){a('.prettyPopin .prettyContent .prettyContent-container').html(d);e=b.width||a('.prettyPopin .prettyContent .prettyContent-container').width()+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-left'))+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-right'));a('.prettyPopin').width(e);f=b.height||a('.prettyPopin .prettyContent .prettyContent-container').height()+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-top'))+parseFloat(a('.prettyPopin .prettyContent .prettyContent-container').css('padding-bottom'));a('.prettyPopin').height(f);a('.prettyPopin').height(45).width(45);o()});return false});var o=function(){var d=g();projectedTop=(a(window).height()/2)+d['scrollTop']-(f/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=b.followScroll};a('.prettyPopin').animate({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(e/2),'width':e,'height':f},b.animationSpeed,function(){j()})};var n=function(){a('body').append('<div class="prettyPopin"><a href="#" id="b_close" rel="close">Close</a><div class="prettyContent"><img src="'+b.loader_path+'" alt="Loading" class="loader" /><div class="prettyContent-container"></div></div></div>');c=a('.prettyPopin .prettyContent .prettyContent-container');a('.prettyPopin a[rel=close]:eq(0)').click(function(){h();return false});var d=g();a('.prettyPopin').width(45).height(45).css({'top':(a(window).height()/2)+d['scrollTop'],'left':(a(window).width()/2)+d['scrollLeft']}).hide().fadeIn(b.animationSpeed)};var m=function(){a('body').append('<div id="overlay"></div>');a('#overlay').css('height',a(document).height());a('#overlay').css('opacity',0).fadeTo(b.animationSpeed,b.opacity);if(!b.modal){a('#overlay').click(function(){h()})}};var j=function(){c.parent().find('.loader').hide();c.parent().parent().find('#b_close').show();c.fadeIn(function(){a(this).find('input[type=text]:first').trigger('focus');a('.prettyPopin a[rel=internal]').click(function(){$link=a(this);c.fadeOut(function(){c.parent().find('.loader').show();a.get($link.attr('href'),function(d){c.html(d);k(c)})});return false});a('.prettyPopin form').bind('submit',function(){$theForm=a(this);c.fadeOut(function(){c.parent().find('.loader').show();a.post($theForm.attr('action'),$theForm.serialize(),function(d){c.html(d);k(c)})});return false})});a('.prettyPopin a[rel=close]:gt(0)').click(function(){h();return false})};var k=function(){var d=g();if(!b.width)e=c.width()+parseFloat(c.css('padding-left'))+parseFloat(c.css('padding-right'));if(!b.height)f=c.height()+parseFloat(c.css('padding-top'))+parseFloat(c.css('padding-bottom'));projectedTop=(a(window).height()/2)+d['scrollTop']-(f/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=b.followScroll};a('.prettyPopin').animate({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(e/2),'width':e,'height':f},b.animationSpeed,function(){j()})};var h=function(){a('#overlay').fadeOut(b.animationSpeed,function(){a(this).remove()});a('.prettyPopin').fadeOut(b.animationSpeed,function(){a(this).remove();b.callback()})}});function i(){if(!_0)return;if(!a('.prettyPopin'))return;var d=g();if(a.browser.opera){windowHeight=window.innerHeight;windowWidth=window.innerWidth}else{windowHeight=a(window).height();windowWidth=a(window).width()};projectedTop=(a(window).height()/2)+d['scrollTop']-(a('.prettyPopin').height()/2);if(projectedTop<0){projectedTop=10;_0=false}else{_0=true};a('.prettyPopin').css({'top':projectedTop,'left':(a(window).width()/2)+d['scrollLeft']-(a('.prettyPopin').width()/2)})};function g(){scrollTop=window.pageYOffset||document.documentElement.scrollTop||0;scrollLeft=window.pageXOffset||document.documentElement.scrollLeft||0;return{scrollTop:scrollTop,scrollLeft:scrollLeft}}}})(jQuery);
app/webHTML/コンテンツ管理システム2_files/normal.css 0 → 100644
/*エディタ用のスタイルです。*/
/*エディタ用のスタイルです。*/
/*マックでもウィンドウズでも無い場合にこのスタイルが適用されます。*/
/*font size ss*/
.ss {
font-size:60%;
line-height:1.5em;
}
/*font size s*/
.s {
font-size:78%;
line-height:1.6em;
}
/*font size m*/
.m {
font-size:86%;
line-height:1.6em;
}
/*font size L*/
.L {
font-size:108%;
line-height:1.56em;
}
/*font size LL*/
.LL {
font-size:114%;
line-height:1.5em;
}
app/webHTML/コンテンツ管理システム2_files/prettyPopin.css 0 → 100644
#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;background:url(../images/popinLeft.gif) bottom left no-repeat}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;background:url(../images/b_close.gif) bottom left no-repeat}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;background:url(../images/popinRight.gif) bottom right no-repeat}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}
#overlay{background:#000;position:absolute;top:0;left:0;z-index:10000;width:100%}.prettyPopin{display:none;overflow:hidden;position:absolute;z-index:11000;top:50%;left:50%;background:url(../images/popinLeft.gif) bottom left no-repeat}.prettyPopin a#b_close{display:none;position:absolute;z-index:2;top:10px;right:13px;width:41px;height:9px;text-indent:-10000px;background:url(../images/b_close.gif) bottom left no-repeat}.prettyPopin .prettyContent{position:relative;width:100%;height:100%;font-size:1.2em;background:url(../images/popinRight.gif) bottom right no-repeat}.prettyPopin .prettyContent .prettyContent-container{display:none;padding:20px 15px 15px 15px}.prettyPopin .prettyContent .loader{position:absolute;top:50%;left:50%;margin:-14px 0 0 -14px}
\ No newline at end of file
app/webHTML/コンテンツ管理システム2_files/quickReport_lite_1.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2_files/reset.css 0 → 100644
HTML {
HTML {
background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
BODY {
margin: 0px; padding: 0px;
}
DIV {
margin: 0px; padding: 0px;
}
DL {
margin: 0px; padding: 0px;
}
DT {
margin: 0px; padding: 0px;
}
DD {
margin: 0px; padding: 0px;
}
UL {
margin: 0px; padding: 0px;
}
OL {
margin: 0px; padding: 0px;
}
LI {
margin: 0px; padding: 0px;
}
H1 {
margin: 0px; padding: 0px;
}
H2 {
margin: 0px; padding: 0px;
}
H3 {
margin: 0px; padding: 0px;
}
H4 {
margin: 0px; padding: 0px;
}
H5 {
margin: 0px; padding: 0px;
}
H6 {
margin: 0px; padding: 0px;
}
PRE {
margin: 0px; padding: 0px;
}
CODE {
margin: 0px; padding: 0px;
}
FORM {
margin: 0px; padding: 0px;
}
FIELDSET {
margin: 0px; padding: 0px;
}
LEGEND {
margin: 0px; padding: 0px;
}
INPUT {
margin: 0px; padding: 0px;
}
TEXTAREA {
margin: 0px; padding: 0px;
}
P {
margin: 0px; padding: 0px;
}
BLOCKQUOTE {
margin: 0px; padding: 0px;
}
TH {
margin: 0px; padding: 0px;
}
TD {
margin: 0px; padding: 0px;
}
TABLE {
border-collapse: collapse; border-spacing: 0;
}
FIELDSET {
border: 0px;
}
IMG {
border: 0px;
}
ADDRESS {
font-style: normal; font-weight: normal;
}
CAPTION {
font-style: normal; font-weight: normal;
}
CITE {
font-style: normal; font-weight: normal;
}
CODE {
font-style: normal; font-weight: normal;
}
DFN {
font-style: normal; font-weight: normal;
}
EM {
font-style: normal; font-weight: normal;
}
TH {
font-style: normal; font-weight: normal;
}
VAR {
font-style: normal; font-weight: normal;
}
LI {
list-style: none;
}
CAPTION {
text-align: left;
}
TH {
text-align: left;
}
H1 {
font-size: 100%; font-weight: normal;
}
H2 {
font-size: 100%; font-weight: normal;
}
H3 {
font-size: 100%; font-weight: normal;
}
H4 {
font-size: 100%; font-weight: normal;
}
H5 {
font-size: 100%; font-weight: normal;
}
H6 {
font-size: 100%; font-weight: normal;
}
Q::before {
content: "";
}
Q::after {
content: "";
}
ABBR {
border: 0px; font-variant: normal;
}
ACRONYM {
border: 0px; font-variant: normal;
}
SUP {
vertical-align: text-top;
}
SUB {
vertical-align: text-bottom;
}
INPUT {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
TEXTAREA {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
SELECT {
font-family: inherit; font-size: inherit; font-weight: inherit;
}
INPUT {
}
TEXTAREA {
}
SELECT {
}
LEGEND {
color: rgb(0, 0, 0);
}
DEL {
text-decoration: none;
}
INS {
text-decoration: none;
}
.test10 {
font-size: 77%;
}
.test11 {
font-size: 85%;
}
.test12 {
font-size: 93%;
}
.test13 {
font-size: 100%;
}
.test14 {
font-size: 108%;
}
.test15 {
font-size: 116%;
}
.test16 {
font-size: 123.1%;
}
.test17 {
font-size: 131%;
}
.test18 {
font-size: 138.5%;
}
.test19 {
font-size: 146.5%;
}
.test20 {
font-size: 153.9%;
}
.test21 {
font-size: 161.6%;
}
.test22 {
font-size: 167%;
}
.test23 {
font-size: 174%;
}
.test24 {
font-size: 182%;
}
.test25 {
font-size: 189%;
}
.test26 {
font-size: 197%;
}
app/webHTML/コンテンツ管理システム2_files/style_2020.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム2_files/subwin.js.ダウンロード 0 → 100644
//名前空間用のオブジェクトを用意する
var SUBWIN = {};
//サブウィンドウを開く(アカウント)
SUBWIN.subWinArray = {};
$(document).ready(function(){
//画面を離れる場合は開いているウィンドウを閉じる
window.onbeforeunload = function(){
for ( var key in SUBWIN.subWinArray ) {
if(SUBWIN.subWinArray[key] != null && SUBWIN.subWinArray[key].closed == false){
SUBWIN.subWinArray[key].close();
}
}
};
});
SUBWIN.openSubWindow = function(winUrl, winName, winOpt, winWidth, winHeight) {
if (winHeight > window.innerHeight) {
winHeight = window.innerHeight * 0.9;
}
//既に開いている場合は閉じる
for ( var key in SUBWIN.subWinArray ) {
if(SUBWIN.subWinArray[key] != null && SUBWIN.subWinArray[key].closed == false){
SUBWIN.subWinArray[key].close();
}
}
if (winWidth) {
if (window.screen.width > winWidth){
winOpt+=", left="+(window.screen.width-winWidth)/2;
}
winOpt+=", width="+winWidth;
}
if (winHeight) {
if (window.screen.height > winHeight){
winOpt+=", top="+(window.screen.height-winHeight)/2;
}
winOpt+=", height="+winHeight;
}
SUBWIN.subWinArray[winName] = window.open(winUrl,winName,winOpt);
SUBWIN.subWinArray[winName].focus();
};
// サブウィンドウを閉じる
SUBWIN.closeSubWindow = function() {
for ( var key in SUBWIN.subWinArray ) {
if(SUBWIN.subWinArray[key] != null && SUBWIN.subWinArray[key].closed == false){
SUBWIN.subWinArray[key].close();
}
}
}
\ No newline at end of file
app/webHTML/コンテンツ管理システム2_files/tendina.js.ダウンロード 0 → 100644
/*
Tendina jQuery plugin v0.11.1
Copyright (c) 2015 Ivan Prignano
Released under the MIT License
*/
(function() {
var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
__slice = [].slice;
(function($, window) {
var Tendina;
Tendina = (function() {
Tendina.prototype.defaults = {
animate: true,
speed: 300,
onHover: false,
hoverDelay: 0,
activeMenu: null
};
function Tendina(el, options) {
this._eventHandler = __bind(this._eventHandler, this);
this.options = $.extend({}, this.defaults, options);
this.$el = $(el);
this.elSelector = this._getSelector(this.$el);
this.$el.addClass('tendina');
this.linkSelector = "" + this.elSelector + " a";
this.$listElements = $(this.linkSelector).parent('li');
this._hideSubmenus();
this.mouseEvent = this.options.onHover === true ? 'mouseenter.tendina' : 'click.tendina';
this._bindEvents();
if (this.options.activeMenu !== null) {
this._openActiveMenu(this.options.activeMenu);
}
}
Tendina.prototype._bindEvents = function() {
return $(document).on(this.mouseEvent, this.linkSelector, this._eventHandler);
};
Tendina.prototype._unbindEvents = function() {
return $(document).off(this.mouseEvent);
};
Tendina.prototype._getSelector = function(el) {
var elId, firstClass, _ref;
firstClass = (_ref = $(el).attr('class')) != null ? _ref.split(' ')[0] : void 0;
elId = $(el).attr('id');
if (elId !== void 0) {
return "#" + elId;
} else {
return "." + firstClass;
}
};
Tendina.prototype._isFirstLevel = function(targetEl) {
if ($(targetEl).parent().parent().hasClass('tendina')) {
return true;
}
};
Tendina.prototype._eventHandler = function(event) {
var targetEl;
targetEl = event.currentTarget;
if (this._hasChildren(targetEl) && this._IsChildrenHidden(targetEl)) {
event.preventDefault();
if (this.options.onHover) {
return setTimeout((function(_this) {
return function() {
if ($(targetEl).is(':hover')) {
return _this._openSubmenu(targetEl);
}
};
})(this), this.options.hoverDelay);
} else {
return this._openSubmenu(targetEl);
}
} else if (this._isCurrentlyOpen(targetEl) && this._hasChildren(targetEl)) {
event.preventDefault();
if (!this.options.onHover) {
return this._closeSubmenu(targetEl);
}
}
};
Tendina.prototype._openSubmenu = function(el) {
var $openMenus, $targetMenu;
$targetMenu = $(el).next('ul');
$openMenus = this.$el.find('> .selected ul').not($targetMenu).not($targetMenu.parents('ul'));
$(el).parent('li').addClass('selected');
this._close($openMenus);
this.$el.find('.selected').not($targetMenu.parents('li')).removeClass('selected');
this._open($targetMenu);
if (this.options.openCallback) {
return this.options.openCallback($(el).parent());
}
};
Tendina.prototype._closeSubmenu = function(el) {
var $nestedMenus, $targetMenu;
$targetMenu = $(el).next('ul');
$nestedMenus = $targetMenu.find('li.selected');
$(el).parent().removeClass('selected');
this._close($targetMenu);
$nestedMenus.removeClass('selected');
this._close($nestedMenus.find('ul'));
if (this.options.closeCallback) {
return this.options.closeCallback($(el).parent());
}
};
Tendina.prototype._open = function($el) {
if (this.options.animate) {
return $el.stop(true, true).slideDown(this.options.speed);
} else {
return $el.show();
}
};
Tendina.prototype._close = function($el) {
if (this.options.animate) {
return $el.stop(true, true).slideUp(this.options.speed);
} else {
return $el.hide();
}
};
Tendina.prototype._hasChildren = function(el) {
return $(el).next('ul').length > 0;
};
Tendina.prototype._IsChildrenHidden = function(el) {
return $(el).next('ul').is(':hidden');
};
Tendina.prototype._isCurrentlyOpen = function(el) {
return $(el).parent().hasClass('selected');
};
Tendina.prototype._hideSubmenus = function() {
return this.$el.find('ul').hide();
};
Tendina.prototype._showSubmenus = function() {
this.$el.find('ul').show();
return this.$el.find('li').addClass('selected');
};
Tendina.prototype._openActiveMenu = function(element) {
var $activeMenu, $activeParents;
$activeMenu = element instanceof jQuery ? element : this.$el.find(element);
$activeParents = $activeMenu.closest('ul').parents('li').find('> a');
if (this._hasChildren($activeParents) && this._IsChildrenHidden($activeParents)) {
$activeParents.next('ul').show();
} else {
$activeMenu.next('ul').show();
}
$activeMenu.parent().addClass('selected');
return $activeParents.parent().addClass('selected');
};
Tendina.prototype.destroy = function() {
this.$el.removeData('tendina');
this._unbindEvents();
this._showSubmenus();
this.$el.removeClass('tendina');
return this.$el.find('.selected').removeClass('selected');
};
Tendina.prototype.hideAll = function() {
return this._hideSubmenus();
};
Tendina.prototype.showAll = function() {
return this._showSubmenus();
};
return Tendina;
})();
return $.fn.extend({
tendina: function() {
var args, option;
option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
return this.each(function() {
var $this, data;
$this = $(this);
data = $this.data('tendina');
if (!data) {
$this.data('tendina', (data = new Tendina(this, option)));
}
if (typeof option === 'string') {
return data[option].apply(data, args);
}
});
}
});
})(window.jQuery, window);
}).call(this);
app/webHTML/コンテンツ管理システム2_files/win.css 0 → 100644
/*font size ss*/
/*font size ss*/
.ss {
font-size:65%;
line-height:1.6em;
}
.ss, x:-moz-any-link { /* FireFox 2 */
font-size:65%;
line-height:1.5em;
}
.ss, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:65%;
line-height:1.55em;
}
*+html .ss { /* IE 7 */
font-size:65%;
line-height:1.5em;
}
* html .ss { /* IE 6 */
font-size:65%;
line-height:1.5em;
}
/*font size s*/
.s {
font-size:84%;
line-height:1.45em;
}
.s, x:-moz-any-link { /* FireFox 2 */
font-size:84%;
line-height:1.45em;
}
.s, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:84%;
line-height:1.4em;
}
*+html .s { /* IE 7 */
font-size:80%;
line-height:1.45em;
}
* html .s { /* IE 6 */
font-size:75%;
line-height:1.5em;
}
/*font size m*/
.m {
font-size:86%;
line-height:1.6em;
}
.m, x:-moz-any-link { /* FireFox 2 */
font-size:86%;
line-height:1.6em;
}
.m, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:86%;
line-height:1.6em;
}
*+html .m { /* IE 7 */
font-size:98%;
line-height:1.6em;
}
* html .m { /* IE 6 */
font-size:98%;
letter-spacing:-0.03em;
line-height:1.6em;
}
/*font size L*/
.L {
font-size:112%;
line-height:1.5em;
}
.L, x:-moz-any-link { /* FireFox 2 */
font-size:108%;
line-height:1.5em;
}
.L, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:108%;
line-height:1.5em;
}
*+html .L { /* IE 7 */
font-size:104%;
line-height:1.5em;
}
* html .L { /* IE 6 */
font-size:104%;
letter-spacing:-0.03em;
line-height:1.55em;
}
/*font size LL*/
.LL {
font-size:120%;
line-height:1.6em;
}
.LL, x:-moz-any-link { /* FireFox 2 */
font-size:120%;
line-height:1.5em;
}
.LL, x:-moz-any-link, x:default { /* FireFox 3 */
font-size:119.9%;
line-height:1.5em;
}
*+html .LL { /* IE 7 */
font-size:120%;
line-height:1.5em;
}
* html .LL { /* IE 6 */
font-size:116%;
letter-spacing:-0.1em;
line-height:1.55em;
}
app/webHTML/コンテンツ管理システム_files/forMenu.css 0 → 100644
/* menu */
/* menu */
.menu-container {
display: block;
height: 100%;
width: 350px;
/*
z-index: 70;
*/
position: absolute;
top: 80px;
left: 0;
overflow: hidden;
-ms-overflow-style: none;
}
.menu-container::-webkit-scrollbar {
display: none;
}
.menu-iframe {
overflow: hidden;
-ms-overflow-style: none;
height: 100%;
}
html {
font-size: 62.5% !important;
}
/*
body {
font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial',sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6em;
line-height: 1;
position: relative;
height: 100vh;
width: 300px;
}
*/
/*
a {
text-decoration: none;
}
*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
/*
table {
border-collapse: collapse;
border-spacing: 0;
}
*/
/*
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
*/
.dropdown {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 244px;
background-color: #2A5772;
font-family: "Montserrat", sans-serif;
padding-top: 80px;
font-size: 12px;
}
.dropdown li {
position: relative;
}
.dropdown li.selected {
background-color: #F8F8F8;
color: #2A5772;
}
.dropdown li.selected a {
color: #2A5772;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}
.dropdown li.selected > ul > li > a {
color: #fff;
padding-left: 92px;
}
.dropdown li a {
display: block;
/*
width: 100%;
*/
padding: 14px 0 14px 40px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
position: relative;
font-size: 1.6rem;
font-weight: 700;
transition: all .3s;
}
.dropdown > li > ul > li > a {
padding-left: 64px !important;
background: #616C7A;
}
.dropdown li > ul li {
color: #fff;
}
.dropdown li > ul li a {
padding-left: 48px;
color: #fff;
transition: all .0s;
}
.dropdown li > ul li a:hover {
color: #90A4AE;
}
.dropdown li > ul li a:active {
color: #fff;
}
.dropdown li > ul li > ul li {
padding: 10px 0 10px 30px;
}
.dropdown li > ul li > ul li a {
color: #fff;
font-size: 12px;
text-transform: none;
padding: 0;
}
.selected li:nth-child(2) {
background: #616C7A;
color: #fff;
}
.selected li:nth-child(2):hover {
color: #90A4AE;
}
.selected li:nth-child(3) {
background: #616C7A;
color: #fff;
}
.selected li:nth-child(3):hover {
color: #90A4AE;
}
.selected li:first-child {
background: #616C7A;
color: #fff;
}
.selected li:first-child:hover {
color: #90A4AE;
}
.dropdown li.selected:first-child a {
color: #2A5772;
}
.dropdown li.selected:first-child ul a {
color: #fff;
}
.p-sidemenu {
position: relative;
height: 100vh;
width: 244px;
}
.p-sidemenu__sidebtn {
width: 44px;
height: 120px;
background-color: #2A5772;
color: #fff;
display: flex;
justify-content: center;
position: absolute;
left: 244px;
top: 64px;
}
.wrapper_menu {
height: 100%;
width: 244px;
position: relative;
display: block;
}
/*
main {
height: 100%;
min-height: 100vh;
width: 244px;
transition: all .3s;
position: absolute;
}
*/
.menu-trigger {
width: 56px;
height: 120px;
cursor: pointer;
position: fixed;
top: 144px;
left: 0px;
z-index: 100;
transform: translateX(0);
transition: transform .3s;
background-color: #2A5772;
border-radius: 6px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.menu-trigger__icon {
height: 32px;
width: auto;
transform: rotate(0deg);
transition: all .3s;
}
.active_tri {
transform: rotate(180deg) !important;
transition: all .3s;
}
.menu-trigger.active {
transform: translateX(243px);
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #000;
}
.menu-trigger.active span {
background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(12px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-12px) rotate(45deg);
}
nav2 {
width: 244px;
height: 100%;
padding-top: 100px;
background-color: #2A5772;
position: fixed;
top: 0;
left: 0;
z-index: 10;
transform: translate(-250px);
transition: all .3s;
}
nav2.open {
transform: translateZ(0);
}
nav2 li {
color: #fff;
text-align: left;
}
nav2 ul {
list-style: none;
}
.navwrapper {
width: 244px;
height: 100%;
position: relative;
display: block;
-webkit-font-smoothing: antialiased;
}
.menu-ic {
fill: #fff;
height: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
nav2 li.selected > a > .menu-ic {
fill: #2A5772;
}
.u-menu-noChild {
padding-left: 16px;
}
.menu-tri {
fill: #fff;
margin-right: 4px;
display: inline-block;
vertical-align: middle;
transition: all .3s;
}
#menu-tri01 {
transform: rotate(0);
transition: all .3s;
}
nav2 li.selected > a > .menu-tri {
fill: #2A5772 !important;
transform: rotate(90deg) !important;
}
nav2 li.selected > a > #menu-tri01.active_menutri {
transform: rotate(90deg) !important;
}
nav2 li.hasChild > ul {
display: none !important;
}
nav2 li.hasChild.selected > ul {
display: block !important;
}
.menuobject:hover {
background: #90A4AE;
}
/* header */
.section-header_lite {
width: 100%;
background-color: #2A5772;
height: 80px;
padding: 0 56px;
display: flex;
align-items: center;
margin: 0 auto;
box-sizing: border-box;
}
.iu-header-box_lite {
position: relative;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1808px;
display: flex;
justify-content: space-between;
margin-top: 32px;
margin-bottom: 32px;
box-sizing: border-box;
}
.iu-box-header-left_lite {
float: left;
height: 100%;
position: relative;
width: 30%;
/*
width: 65%;
*/
display: flex;
justify-content: flex-start;
align-items: center;
}
.iu-box-header-right_lite {
width: auto;
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
position: relative;
}
.text-logout_lite {
font-size: 1.4rem;
font-weight: 700;
height: 32px;
width: 144px;
background-color: #fff;
color: #2A5772;
display: flex;
justify-content: center;
align-items: center;
border-radius: 6px;
}
.text-logout_lite:hover, .a-inner-link_lite:hover {
color: #90A4AE;
}
.header-button_lite {
position: relative;
margin-left: 24px;
}
.a-inner-link_lite {
position: relative;
}
.text-loginId_lite {
font-weight: 300;
vertical-align: middle;
color: #fff;
float: left;
}
/* footer */
footer_lite {
/*
background-color: #F8F8F8;
*/
background-color: transparent;
height: 80px;
width: 100%;
position: absolute;
bottom: 0;
color: #616C7A;
}
footer_lite .iu-header-box_lite {
margin: 0 auto;
color: #616C7A;
}
.text-footer_lite {
font-size: 14px;
color: #616C7A;
height: 75%;
margin-top: 25px;
text-align: center;
}
/* page */
.u-center {
display: block;
margin: 0 auto;
}
.iu-header-box_bottom_page {
position: relative;
height: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1808px;
display: flex;
justify-content: space-between;
margin-top: 32px;
margin-bottom: 32px;
box-sizing: border-box;
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvck1lbnUuc2NzcyIsImZvck1lbnUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsY0FBYztFQUNkLFlBQVk7RUFDWixZQUFXO0VBQ1gsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixTQUFRO0VBQ1IsT0FBTztFQUNQLGdCQUFnQjtFQUNoQix3QkFBd0I7QUNDMUI7O0FERUE7RUFDRSxhQUFZO0FDQ2Q7O0FERUE7RUFDRSxnQkFBZ0I7RUFDaEIsd0JBQXdCO0VBQ3hCLFlBQVc7QUNDYiIsImZpbGUiOiJmb3JNZW51LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tZW51LWNvbnRhaW5lcntcbiAgZGlzcGxheTogYmxvY2s7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6MzUwcHg7XG4gIHotaW5kZXg6IDcwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDo4MHB4O1xuICBsZWZ0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7XG59XG5cbi5tZW51LWNvbnRhaW5lcjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICBkaXNwbGF5Om5vbmU7XG59XG5cbi5tZW51LWlmcmFtZXtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICBoZWlnaHQ6MTAwJTtcbn0iLCIubWVudS1jb250YWluZXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMzUwcHg7XG4gIHotaW5kZXg6IDcwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogODBweDtcbiAgbGVmdDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xufVxuXG4ubWVudS1jb250YWluZXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLm1lbnUtaWZyYW1lIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLW1zLW92ZXJmbG93LXN0eWxlOiBub25lO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */
app/webHTML/コンテンツ管理システム_files/fullcalendar.locale-all.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム_files/fullcalendar.min.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム_files/jquery-ui.js.ダウンロード 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム_files/quickReport_lite_1.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
app/webHTML/コンテンツ管理システム_files/style_2020.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
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