Merge branch 'develop' of github.com:nakazawakan/kikikanri into newbackend
このコミットが含まれているのは:
コミット
03ab474d57
17700
backend/public/css/app.css
vendored
17700
backend/public/css/app.css
vendored
長すぎる行があるためファイル差分は表示されません
162584
backend/public/js/index.js
vendored
162584
backend/public/js/index.js
vendored
長すぎる行があるためファイル差分は表示されません
@ -7,13 +7,14 @@ const Alert = (props) => {
|
||||
|
||||
useEffect(() => {
|
||||
window.scrollTo(0, 0);
|
||||
let timer = setTimeout(()=>{
|
||||
clearTimeout(timer);
|
||||
if(props.hide) props.hide();
|
||||
}, 5000)
|
||||
const element = `<div class="alert-${props.type} ft-18 ft-xs-16" id="alert-wrapper">`+
|
||||
props.children +
|
||||
'</div>';
|
||||
document.getElementById('alert').innerHTML = element;
|
||||
if(props.hide) props.hide();
|
||||
},[]);
|
||||
|
||||
return (
|
||||
return (
|
||||
<div className={`alert-${props.type} ft-18 ft-xs-16`}>
|
||||
{props.children}
|
||||
</div>
|
||||
|
@ -91,11 +91,20 @@ const ParentChildAdd = () => {
|
||||
const [_422errors, set422Errors] = useState({identity: ''});
|
||||
const [submit, setSubmit] = useState(false);
|
||||
|
||||
const [_copyFlag, setCopyFlag] = useState(false);
|
||||
const [show_lineModal, setShowLineModal] = useState(false);
|
||||
|
||||
const isMountedRef = useRef(true);
|
||||
|
||||
const inviteurl = '「KIKI」の招待が届いています。' + '\n' +
|
||||
'まずは以下より仮登録を行ってください。' + '\n' +
|
||||
'※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。' + '\n\n' +
|
||||
document.getElementById('inviteurl').value + '\n\n' +
|
||||
'▼公式サイトはこちら' + '\n' +
|
||||
'https://kikikan.jp';
|
||||
|
||||
const lineText =
|
||||
`「KIKI」の招待が届いています。%0Aまずは以下より仮登録を行ってください。
|
||||
%0A%0A※スマホ本体を最新の状態にアップデートしてからURLをクリックしてください。
|
||||
%0A%0A${document.getElementById('inviteurl_html').value}%0A%0A▼公式サイトはこちら%0A${document.getElementById('siteurl').value}`;
|
||||
|
||||
useEffect(() => {
|
||||
isMountedRef.current = false;
|
||||
return()=>{
|
||||
@ -128,16 +137,26 @@ const ParentChildAdd = () => {
|
||||
|
||||
|
||||
|
||||
const handleCheckRelations = () => {
|
||||
const handleCheckRelations = (type) => {
|
||||
set401Error('');
|
||||
setLoaded(false);
|
||||
|
||||
if(type == 'invite'){
|
||||
if(!copy(inviteurl, {debug: true})){
|
||||
set400Error('コピー失敗しました。');
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
axios.get('/api/fathers/relations/check')
|
||||
.then(response=>{
|
||||
if(isMountedRef.current) return;
|
||||
|
||||
switch(response.data.status_code){
|
||||
case 200: {
|
||||
setShowLineModal(true);
|
||||
if(type == 'invite') setSuccess('コピー成功しました。');
|
||||
else if(type == 'line')
|
||||
window.location.href = `http://line.naver.jp/R/msg/text/?${lineText}`;
|
||||
break;
|
||||
}
|
||||
case 400: set400Error(response.data.error_messages); break;
|
||||
@ -200,18 +219,14 @@ const ParentChildAdd = () => {
|
||||
</LoadingButton>
|
||||
</form>
|
||||
<div style={{color:"#49A3FC",display:"flex", justifyContent:"center", alignItems:"center", paddingTop:40}} >
|
||||
<a onClick={()=>handleCheckRelations()}>招待用URLをコピーする</a>
|
||||
<a onClick={()=>handleCheckRelations('invite')}>招待用URLをコピーする</a>
|
||||
</div>
|
||||
<div style={{color:"#49A3FC",display:"flex", justifyContent:"center", alignItems:"center", paddingTop:20}}>
|
||||
<a onClick={()=>handleCheckRelations()}>招待用URLをLINEで送信</a>
|
||||
<a onClick={()=>handleCheckRelations('line')}>招待用URLをLINEで送信</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<LineModal
|
||||
show={show_lineModal}
|
||||
handleClose={()=>setShowLineModal(false)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{ _success && <Alert type="success" hide={()=>setSuccess('')}>{_success}</Alert> }
|
||||
|
2
backend/resources/sass/base/_alert.scss
vendored
2
backend/resources/sass/base/_alert.scss
vendored
@ -12,7 +12,7 @@
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
border-radius: 0;
|
||||
z-index: 1000;
|
||||
z-index: 99999;
|
||||
// duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | name
|
||||
animation: 1s ease-out 4s 1 normal forwards running fadeOut;
|
||||
-moz-animation: 1s ease-out 4s 1 normal forwards running fadeOut;
|
||||
|
@ -40,6 +40,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="alert"></div>
|
||||
<div id="root"></div>
|
||||
@yield('content')
|
||||
</body>
|
||||
|
新しいイシューから参照
ユーザーをブロックする