suwako
/
kikikan
アーカイブ
1
0
フォーク 0
コード イシュー プルリクエスト プロジェクト リリース Wiki アクティビティ

add complete compo

このコミットが含まれているのは:
dragon1211 2021-09-29 07:38:39 -07:00
親 94546eff81
コミット 4f6302a0bc
11個のファイルの変更、64560行の追加、1986行の削除
統計情報を表示 Patchファイルをダウンロード Diffファイルをダウンロード すべてのファイルを展開 すべてのファイルを折り畳む

35184
backend/package-lock.json generated
ファイルの表示

ファイル差分が大きすぎるため省略します 差分を読み込み

62
backend/package.json
ファイルの表示

@ -9,13 +9,71 @@
"prod": "npm run production",
"production": "mix --production"
},
"dependencies": {
"@emotion/react": "^11.4.0",
"@emotion/styled": "^11.3.0",
"@iconify/icons-ant-design": "^1.1.0",
"@iconify/icons-eva": "^1.1.0",
"@iconify/icons-ic": "^1.1.7",
"@iconify/react": "^1.1.4",
"@material-ui/core": "^5.0.0-beta.1",
"@material-ui/lab": "^5.0.0-alpha.40",
"@material-ui/styles": "^5.0.0-beta.1",
"@material-ui/utils": "^5.0.0-beta.0",
"@mui/icons-material": "^5.0.1",
"@testing-library/jest-dom": "^5.14.1",
"apexcharts": "^3.27.3",
"change-case": "^4.1.2",
"date-fns": "^2.23.0",
"faker": "^5.5.3",
"formik": "^2.2.9",
"framer-motion": "^4.1.17",
"history": "^5.0.0",
"lodash": "^4.17.21",
"mdb-ui-kit": "^3.9.0",
"numeral": "^2.0.6",
"prop-types": "^15.7.2",
"react": "^17.0.2",
"react-apexcharts": "^1.3.9",
"react-avatar-editor": "^12.0.0",
"react-date-picker": "^8.3.2",
"react-dom": "^17.0.2",
"react-helmet-async": "^1.0.9",
"react-image-crop-component": "^1.1.2",
"react-paginate": "^7.1.3",
"react-router-dom": "^6.0.0-beta.0",
"react-scripts": "4.0.0",
"react-select": "^4.3.1",
"react-simple-star-rating": "^3.0.0",
"simplebar": "^5.3.5",
"simplebar-react": "^2.3.5",
"web-vitals": "^2.1.0",
"yup": "^0.32.9"
},
"devDependencies": {
"@babel/core": "^7.14.8",
"@babel/eslint-parser": "^7.14.7",
"@babel/preset-react": "^7.0.0",
"axios": "^0.21",
"bootstrap": "^4.0.0",
"eslint": "^7.31.0",
"eslint-config-airbnb": "^18.2.1",
"eslint-config-prettier": "^8.3.0",
"eslint-config-react-app": "^6.0.0",
"eslint-plugin-flowtype": "^5.8.1",
"eslint-plugin-import": "^2.23.4",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-prettier": "^3.4.0",
"eslint-plugin-react": "^7.24.0",
"eslint-plugin-react-hooks": "^4.2.0",
"jquery": "^3.2",
"laravel-mix": "^6.0.6",
"lodash": "^4.17.19",
"popper.js": "^1.12",
"postcss": "^8.1.14",
"resolve-url-loader": "^4.0.0",
"prettier": "^2.3.1",
"resolve-url-loader": "^3.1.2",
"sass": "^1.42.1",
"sass-loader": "^12.1.0"
"sass-loader": "^8.0.0"
}
}

1
backend/public/css/index.css vendored
ファイルの表示

@ -1,3 +1,4 @@
@import url(https://fonts.googleapis.com/css?family=Nunito);
@charset "UTF-8";
/**
* VARIABLE

31130
backend/public/js/app.js vendored
ファイルの表示

ファイル差分が大きすぎるため省略します 差分を読み込み

2
backend/public/mix-manifest.json
ファイルの表示

@ -1,4 +1,4 @@
{
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css"
"/css/index.css": "/css/index.css"
}

1
backend/resources/js/app.js vendored
ファイルの表示

@ -1 +1,2 @@
require('./bootstrap');
require('./pages/contacts/complete');

24
backend/resources/js/pages/contacts/complete.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1,24 @@
import React from 'react';
import ReactDOM from 'react-dom';
const Contact_Complete = () => {
return (
<>
<h1>本登録</h1>
<form name="login" action="/login" accept-charset="UTF-8" method="post">
<div class="edit-set-bg u-mb30-lose u-mb25-gain">
{/* <p>退会完了しました。<br>今後とも、危機管理をよろしくお願いいたします。</p> */}
</div>
<a href="" class="login-submit btn-default btn-r14 btn-h70 btn-yellow">ログイン画面へ</a>
</form>
</>
)
}
if(document.getElementById('contact-complete')){
ReactDOM.render(
<Contact_Complete />,
document.getElementById('contact-complete')
)
}

29
backend/resources/sass/index.scss vendored
ファイルの表示

@ -1,4 +1,5 @@
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Nunito');
/**
* VARIABLE
@ -82,23 +83,23 @@
// 変数は用途ごとにモジュール化、関数は機能ごとにモジュール化をします。
// プレフィックス（接頭辞）として`_`をつけます。
@import "./foundation/mixin/box";
@import "./foundation/mixin/clearfix";
@import "./foundation/mixin/layout";
@import "./foundation/mixin/on-event";
// @import "./foundation/mixin/box";
// @import "./foundation/mixin/clearfix";
// @import "./foundation/mixin/layout";
// @import "./foundation/mixin/on-event";
@import "./foundation/mixin/pc";
@import "./foundation/mixin/responsive";
// @import "./foundation/mixin/responsive";
@import "./foundation/mixin/sp";
@import "./foundation/mixin/sr-only";
// @import "./foundation/mixin/sr-only";
//
@import "./foundation/variable/animation";
@import "./foundation/variable/breakpoint";
@import "./foundation/variable/color";
@import "./foundation/variable/easing";
@import "./foundation/variable/font-family";
@import "./foundation/variable/global";
@import "./foundation/variable/z-index";
// //
// @import "./foundation/variable/animation";
// @import "./foundation/variable/breakpoint";
// @import "./foundation/variable/color";
// @import "./foundation/variable/easing";
// @import "./foundation/variable/font-family";
// @import "./foundation/variable/global";
// @import "./foundation/variable/z-index";
// @import "foundation/function/_em";

33
backend/resources/views/contact/complete.blade.php
ファイルの表示

@ -1,10 +1,22 @@
<!DOCTYPE html>
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Contact us</title>
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel = "stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<title>Contact Us</title>
</head>
<body class="">
@ -13,13 +25,7 @@
<div class="l-centeringbox-wrap">
<div class="l-single-container">
<div class="l-single-inner">
<h1>本登録</h1>
<form name="login" action="/login" accept-charset="UTF-8" method="post">
<div class="edit-set-bg u-mb30-lose u-mb25-gain">
<p>退会完了しました。<br>今後とも、危機管理をよろしくお願いいたします。</p>
</div>
<a href="" class="login-submit btn-default btn-r14 btn-h70 btn-yellow">ログイン画面へ</a>
</form>
<div id="contact-complete"></div>
</div>
</div>
</div>
@ -28,5 +34,6 @@
</main>
</body>
<script src=""></script>
<script src="{{ asset('js/app.js') }}"></script>
</html>

78
backend/webpack.config.js vendored ノーマルファイル
ファイルの表示

@ -0,0 +1,78 @@
const path = require( 'path' );
const webpack = require( 'webpack' );
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = ( env, options ) => {
return {
entry: './src/block.js',
output: {
path: path.resolve( __dirname, 'build' ),
filename: 'block.js',
},
stats: {
children: true,
warningsFilter: [
/\-\-underline\-color/,
]
},
devtool: 'cheap-eval-source-map',
module: {
rules: [
{
test: /\.jsx$|\.es6$|\.js$/,
use: {
loader: 'babel-loader',
options: {
presets: ['react'],
}
},
exclude: /(node_modules|bower_components)/
},
{
test: /\.css$/,
use: [
MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
importLoaders: 1,
minimize: ( options.mode == 'production' ? true : false ),
sourceMap: true,
}
},
{
loader: 'postcss-loader',
options: {
plugins: [ require( 'autoprefixer' ) ]
}
},
],
},
{
test: /\.(png|jpg|gif)$/,
use: [
{
loader: 'file-loader',
options: {
name: '[name].[ext]',
outputPath: 'images/'
}
}
]
},
],
},
plugins: [
new MiniCssExtractPlugin({
filename: 'style.css',
chunkFilename: '[id].css'
})
],
}
};

2
backend/webpack.mix.js vendored
ファイルの表示

@ -11,6 +11,6 @@ const mix = require('laravel-mix');
|
*/
mix.js('resources/js/app.js', 'public/js')
mix.js('resources/js/app.js', 'public/js')
.react()
.sass('resources/sass/index.scss', 'public/css');