eisen-dev/eisen_front

View on GitHub
webd/ajaxtest.php

Summary

Maintainability
A
3 hrs
Test Coverage
File `ajaxtest.php` has 308 lines of code (exceeds 250 allowed). Consider refactoring.
<!--
Eisen Frontend
http://eisen-dev.github.io
 
Copyright (c) $today.year Alice Ferrazzi <alice.ferrazzi@gmail.com> - Takuma Muramatsu <t.muramatu59@gmail.com>
Dual licensed under the MIT or GPL Version 3 licenses or later.
http://eisen-dev.github.io/License.md
-->
<!DOCTYPE html>
<!-- デザイン開発・テスト用ファイル -->
<html lang="ja">
<head>
<?php
// タイトル
$title = "テンプレート";
require_once __DIR__ .'/parts/head.php';
?>
</head>
<?php
require_once __DIR__ . '/connect.php';
$dbc = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
?>
 
<body>
Spaces must be used to indent lines; tabs are not allowed
<div class="wrapper">
Spaces must be used to indent lines; tabs are not allowed
<!-- navigation here -->
<?php require_once __DIR__ .'/parts/navigation.php'; ?>
Spaces must be used to indent lines; tabs are not allowed
<!-- navigation end -->
Spaces must be used to indent lines; tabs are not allowed
<div class="contentswrapper menu-set">
Spaces must be used to indent lines; tabs are not allowed
<main class="contents">
Spaces must be used to indent lines; tabs are not allowed
<div class="section">
Spaces must be used to indent lines; tabs are not allowed
<h2>テンプレート</h2>
Spaces must be used to indent lines; tabs are not allowed
<p>---ajaxとモーダルウィンドウのサンプル---</p>
Spaces must be used to indent lines; tabs are not allowed
<div class="button"
id="apache"
data-modal="open"
data-modal-target="test-modal"
data-modal-type="test">
apache
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="button"
id="mysql"
data-modal="open"
data-modal-target="test-modal"
data-modal-type="test">
mysql
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="button"
id="mysql"
data-modal="open"
data-modal-target="alert"
data-modal-type="test">
mysql
</div>
Spaces must be used to indent lines; tabs are not allowed
<p>tesu</p>
 
Spaces must be used to indent lines; tabs are not allowed
<p>ぼたんです<span class="button button-il">園あAq</span></p>
Spaces must be used to indent lines; tabs are not allowed
<span class="domarea" id="sample1"></span>
Spaces must be used to indent lines; tabs are not allowed
<!--
Spaces must be used to indent lines; tabs are not allowed
<p>---モーダルサンプル---</p>
Spaces must be used to indent lines; tabs are not allowed
<div class="button" data-modal="open">モーダルを開く</div>
Spaces must be used to indent lines; tabs are not allowed
-->
 
<!-- 修正予定
Spaces must be used to indent lines; tabs are not allowed
<div class="list-tools clearfix">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-action">
Spaces must be used to indent lines; tabs are not allowed
<select name="list-action" class="input-list">
Spaces must be used to indent lines; tabs are not allowed
<option value="0">一括操作</option>
Spaces must be used to indent lines; tabs are not allowed
<option value="0">更新</option>
Spaces must be used to indent lines; tabs are not allowed
</select>
Spaces must be used to indent lines; tabs are not allowed
<input type="submit" value="適用" class="button button--form">
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="search-box">
Spaces must be used to indent lines; tabs are not allowed
<input type="text" placeholder="全てのパッケージを検索">
Spaces must be used to indent lines; tabs are not allowed
<button type="submit" name="submit" class="search-box__button">
Spaces must be used to indent lines; tabs are not allowed
<i class="fa fa-search"></i>
Spaces must be used to indent lines; tabs are not allowed
</button>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
-->
 
Spaces must be used to indent lines; tabs are not allowed
<!-- new list control tools -->
Spaces must be used to indent lines; tabs are not allowed
<form id="example-form">
Spaces must be used to indent lines; tabs are not allowed
<div class="n-list-tools">
Spaces must be used to indent lines; tabs are not allowed
<div class="n-list-action">
Spaces must be used to indent lines; tabs are not allowed
<select name="list-action" class="n-input-list">
Spaces must be used to indent lines; tabs are not allowed
<option value="0">一括操作</option>
Spaces must be used to indent lines; tabs are not allowed
<option value="0">更新</option>
Spaces must be used to indent lines; tabs are not allowed
</select>
Spaces must be used to indent lines; tabs are not allowed
<div class="n-list-action-button">確認</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="n-searchbox">
Spaces must be used to indent lines; tabs are not allowed
<input type="text" class="n-search-box-input">
Spaces must be used to indent lines; tabs are not allowed
<button type="submit" class="n-search-button"><i class="fa fa-search"></i></button>
Spaces must be used to indent lines; tabs are not allowed
<div class="n-filter-button"><i class="fa fa-filter"></i></div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</form>
 
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-group">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-group-title">フィルター</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-item">
Spaces must be used to indent lines; tabs are not allowed
<span class="list-filter-title">インストール状況</span>
Spaces must be used to indent lines; tabs are not allowed
<select name="install-status" class="n-input-list">
Spaces must be used to indent lines; tabs are not allowed
<option value="0">すべて</option>
Spaces must be used to indent lines; tabs are not allowed
<option value="0">未インストール</option>
Spaces must be used to indent lines; tabs are not allowed
<option value="0">インストール済み</option>
Spaces must be used to indent lines; tabs are not allowed
</select>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-item">
Spaces must be used to indent lines; tabs are not allowed
<span class="list-filter-title">カテゴリ検索</span>
Spaces must be used to indent lines; tabs are not allowed
<input type="text">
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-item">
Spaces must be used to indent lines; tabs are not allowed
<span class="list-filter-title">チェックボックス</span>
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="list-filter-example-checkbox-1">
Spaces must be used to indent lines; tabs are not allowed
<label for="list-filter-example-checkbox-1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
オプション
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-group">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-group-title">検索オプション</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-filter-item">
Spaces must be used to indent lines; tabs are not allowed
<span class="list-filter-title">正規表現</span>
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="list-filter-example-checkbox-2">
Spaces must be used to indent lines; tabs are not allowed
<label for="list-filter-example-checkbox-2">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
使用する
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
<span class="list-filter-comment">サンプルです</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
 
Spaces must be used to indent lines; tabs are not allowed
<!-- new list control tools end-->
 
Spaces must be used to indent lines; tabs are not allowed
<div class="table-wrapper">
Spaces must be used to indent lines; tabs are not allowed
<table class="table">
Spaces must be used to indent lines; tabs are not allowed
<thead>
Spaces must be used to indent lines; tabs are not allowed
<tr>
Spaces must be used to indent lines; tabs are not allowed
<th class="list-data-ctrl">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-cbox">
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<label for="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</th>
 
Spaces must be used to indent lines; tabs are not allowed
<th>test</th>
Spaces must be used to indent lines; tabs are not allowed
<th>test</th>
Spaces must be used to indent lines; tabs are not allowed
<th>test</th>
Spaces must be used to indent lines; tabs are not allowed
<th>test</th>
Spaces must be used to indent lines; tabs are not allowed
</tr>
Spaces must be used to indent lines; tabs are not allowed
</thead>
Spaces must be used to indent lines; tabs are not allowed
<tbody>
Spaces must be used to indent lines; tabs are not allowed
<tr>
Spaces must be used to indent lines; tabs are not allowed
<td class="list-data-ctrl">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-cbox">
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<label for="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-option">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-option-icon">
Spaces must be used to indent lines; tabs are not allowed
<i class="fa fa-caret-down"></i>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="dropdown-menu">
Spaces must be used to indent lines; tabs are not allowed
<ul>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action1</a></li>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action2</a></li>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action3</a></li>
Spaces must be used to indent lines; tabs are not allowed
</ul>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</td>
Spaces must be used to indent lines; tabs are not allowed
<td>1</td>
Spaces must be used to indent lines; tabs are not allowed
<td>192.168.11.1</td>
Spaces must be used to indent lines; tabs are not allowed
<td>testtesttest</td>
Spaces must be used to indent lines; tabs are not allowed
<td>longlonglonglongtexttexttexttextlonglonglonglongtexttexttexttext</td>
Spaces must be used to indent lines; tabs are not allowed
</tr>
Spaces must be used to indent lines; tabs are not allowed
<tr>
Spaces must be used to indent lines; tabs are not allowed
<td class="list-data-ctrl">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-cbox">
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<label for="cbox-1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-option">
Spaces must be used to indent lines; tabs are not allowed
<div class="list-data-option-icon">
Spaces must be used to indent lines; tabs are not allowed
<i class="fa fa-caret-down"></i>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="dropdown-menu">
Spaces must be used to indent lines; tabs are not allowed
<ul>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action1</a></li>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action2</a></li>
Spaces must be used to indent lines; tabs are not allowed
<li><a>action3</a></li>
Spaces must be used to indent lines; tabs are not allowed
</ul>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</td>
Spaces must be used to indent lines; tabs are not allowed
<td>1</td>
Spaces must be used to indent lines; tabs are not allowed
<td>192.168.11.1</td>
Spaces must be used to indent lines; tabs are not allowed
<td>testtesttest</td>
Spaces must be used to indent lines; tabs are not allowed
<td>longlonglonglongtexttexttexttextlonglonglonglongtexttexttexttext</td>
Spaces must be used to indent lines; tabs are not allowed
</tr>
Spaces must be used to indent lines; tabs are not allowed
</tbody>
 
Spaces must be used to indent lines; tabs are not allowed
</table>
Spaces must be used to indent lines; tabs are not allowed
</div>
 
Spaces must be used to indent lines; tabs are not allowed
<div class="settings">
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-row">
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-left">
Spaces must be used to indent lines; tabs are not allowed
<span class="setting-title">テキストボックス</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-right">
Spaces must be used to indent lines; tabs are not allowed
<input type="text" id="textbox">
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-row">
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-left">
Spaces must be used to indent lines; tabs are not allowed
<span class="setting-title">チェックボックス</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-right">
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" id="cbox1">
Spaces must be used to indent lines; tabs are not allowed
<label for="cbox1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
チェックボックスにチェックをいれる
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-row">
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-left">
Spaces must be used to indent lines; tabs are not allowed
<span class="setting-title">トグルスイッチ</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-right">
Spaces must be used to indent lines; tabs are not allowed
<input type="checkbox" class="cbox_switch" id="switch1">
Spaces must be used to indent lines; tabs are not allowed
<label for="switch1">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
スイッチをオンにする
Spaces must be used to indent lines; tabs are not allowed
</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
 
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-row">
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-left">
Spaces must be used to indent lines; tabs are not allowed
<span class="setting-title">ラジオボタン</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="setting-right">
Spaces must be used to indent lines; tabs are not allowed
<input type="radio" name="rad" id="rad3"><label for="rad3">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
する</label>
Spaces must be used to indent lines; tabs are not allowed
<input type="radio" name="rad" id="rad4"><label for="rad4">
Spaces must be used to indent lines; tabs are not allowed
<div class="select"></div>
Spaces must be used to indent lines; tabs are not allowed
しない</label>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</main>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
 
<-- modal start -->
Spaces must be used to indent lines; tabs are not allowed
<div class="modal" id="test-modal">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-wrapper">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-window">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-header">
Spaces must be used to indent lines; tabs are not allowed
<i class="fa fa-times modal-close" data-modal="close"></i>
Spaces must be used to indent lines; tabs are not allowed
<span class="modal-title">ここに処理結果を表示</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-contents">
Spaces must be used to indent lines; tabs are not allowed
<p>これはモーダルウィンドウのサンプルです。</p>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-ctrl"></div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-overlay" data-modal="close"></div>
Spaces must be used to indent lines; tabs are not allowed
</div>
<-- modal end -->
 
Spaces must be used to indent lines; tabs are not allowed
<div class="modal" id="alert">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-wrapper">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-window">
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-header">
Spaces must be used to indent lines; tabs are not allowed
<i class="fa fa-times modal-close" data-modal="close"></i>
Spaces must be used to indent lines; tabs are not allowed
<span class="modal-title">このXXを削除しますか?</span>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-contents">
Spaces must be used to indent lines; tabs are not allowed
<p>これはモーダルウィンドウのサンプルです。</p>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-ctrl"><div class="button">はい</div><div class="button">いいえ</div></div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
</div>
Spaces must be used to indent lines; tabs are not allowed
<div class="modal-overlay" data-modal="close"></div>
Spaces must be used to indent lines; tabs are not allowed
</div>
 
 
<?php require_once __DIR__ .'/parts/scripts.php'; ?>
Spaces must be used to indent lines; tabs are not allowed
<script>
Spaces must be used to indent lines; tabs are not allowed
$('[data-modal-type="test"]').click (function () {
Spaces must be used to indent lines; tabs are not allowed
$.ajax({
Spaces must be used to indent lines; tabs are not allowed
url: 'ajaxtest2.php',
Spaces must be used to indent lines; tabs are not allowed
type: 'post',
Spaces must be used to indent lines; tabs are not allowed
dataType: 'json',
Spaces must be used to indent lines; tabs are not allowed
data: {
Spaces must be used to indent lines; tabs are not allowed
pack_id: $(this).attr("id"),
Spaces must be used to indent lines; tabs are not allowed
}
Spaces must be used to indent lines; tabs are not allowed
})
Spaces must be used to indent lines; tabs are not allowed
.done(function (response) {
Spaces must be used to indent lines; tabs are not allowed
$('.modal-header > .modal-title').text(response.return);
Spaces must be used to indent lines; tabs are not allowed
})
Spaces must be used to indent lines; tabs are not allowed
.fail(function () {
Spaces must be used to indent lines; tabs are not allowed
alert("失敗しました");
Spaces must be used to indent lines; tabs are not allowed
});
Spaces must be used to indent lines; tabs are not allowed
});
Spaces must be used to indent lines; tabs are not allowed
</script>
</body>
</html>