p-account html
このコミットが含まれているのは:
トランギャー
コミット
72d018a454
長すぎる行があるためファイル差分は表示されません
バイナリファイルは表示されません。
バイナリファイルは表示されません。
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 11 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 12 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 14 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 161 KiB |
バイナリファイルは表示されません。
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="37.2" height="18.1" viewBox="0 0 37.2 18.1">
|
||||
<path id="パス_19" data-name="パス 19" d="M-5.18-1.16V.22H-2.6a13.709,13.709,0,0,1-.08-1.74V-12.96c0-.74.02-1.14.06-1.66-.46.04-.82.06-1.68.06H-15.66c-.8,0-1.22-.02-1.7-.06a13.282,13.282,0,0,1,.08,1.68V-1.48A13.365,13.365,0,0,1-17.36.24h2.58v-1.4Zm0-2.28h-9.6V-12.3h9.6ZM17.3-13.5a13.374,13.374,0,0,0-1.78-3.16l-1.46.54A14.931,14.931,0,0,1,15.34-14H5.06a12.709,12.709,0,0,1-2.58-.14v2.6a17.73,17.73,0,0,1,2.56-.1H13.8v8.72H4.7a12.375,12.375,0,0,1-2.5-.14V-.48a16.555,16.555,0,0,1,2.46-.1l9.12.02V.64h2.68a12.486,12.486,0,0,1-.1-2.04V-13.12Zm2.54-.92a11.133,11.133,0,0,0-1.76-3.04l-1.42.56a13.528,13.528,0,0,1,1.72,3.1Z" transform="translate(17.36 17.46)" fill="#fff"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 774 B |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 3.6 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 372 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 519 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 209 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 635 KiB |
バイナリファイルは表示されません。
|
変更後 幅: | 高さ: | サイズ: 178 KiB |
長すぎる行があるためファイル差分は表示されません
バイナリファイルは表示されません。
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="22.742" height="19.855" viewBox="0 0 22.742 19.855"><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 642 B |
|
|
@ -0,0 +1,17 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D0D0D0;}
|
||||
</style>
|
||||
<path class="st0" d="M19.3,19.8h-0.8V1.9c0-0.5-0.4-0.9-0.9-0.9c0,0,0,0,0,0H4.4c-0.5,0-0.9,0.4-0.9,0.9v17.9H2.7
|
||||
c-0.3,0-0.5,0.2-0.5,0.5c0,0,0,0,0,0V21h17.6v-0.8C19.8,20,19.6,19.8,19.3,19.8z M7.2,3.9c0-0.3,0.2-0.5,0.5-0.5c0,0,0,0,0,0h1.6
|
||||
c0.3,0,0.5,0.2,0.5,0.5c0,0,0,0,0,0v1.6C9.7,5.8,9.5,6,9.3,6h0H7.7C7.4,6,7.2,5.8,7.2,5.5v0L7.2,3.9z M7.2,7.7
|
||||
c0-0.3,0.2-0.5,0.5-0.5c0,0,0,0,0,0h1.6c0.3,0,0.5,0.2,0.5,0.5v0v1.6c0,0.3-0.2,0.5-0.5,0.5H7.7c-0.3,0-0.5-0.2-0.5-0.5L7.2,7.7z
|
||||
M9.3,13.5H7.7c-0.3,0-0.5-0.2-0.5-0.5v-1.6c0-0.3,0.2-0.5,0.5-0.5h1.6c0.3,0,0.5,0.2,0.5,0.5V13C9.7,13.3,9.5,13.5,9.3,13.5z
|
||||
M12.3,19.8H9.7v-3.3c0-0.3,0.2-0.5,0.5-0.5h1.6c0.3,0,0.5,0.2,0.5,0.5V19.8z M14.8,13c0,0.3-0.2,0.5-0.5,0.5h-1.6
|
||||
c-0.3,0-0.5-0.2-0.5-0.5v-1.6c0-0.3,0.2-0.5,0.5-0.5h1.6c0.3,0,0.5,0.2,0.5,0.5L14.8,13z M14.8,9.3c0,0.3-0.2,0.5-0.5,0.5h-1.6
|
||||
c-0.3,0-0.5-0.2-0.5-0.5V7.7c0-0.3,0.2-0.5,0.5-0.5h1.6c0.3,0,0.5,0.2,0.5,0.5L14.8,9.3z M14.8,5.5c0,0.3-0.2,0.5-0.5,0.5h-1.6
|
||||
c-0.3,0-0.5-0.2-0.5-0.5V3.9c0-0.3,0.2-0.5,0.5-0.5h1.6c0.3,0,0.5,0.2,0.5,0.5L14.8,5.5z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.4 KiB |
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D0D0D0;}
|
||||
</style>
|
||||
<path class="st0" d="M8.3,8.8h2.2V11H8.3V8.8z M11.5,8.8h2.2V11h-2.2L11.5,8.8z M14.8,8.8H17V11h-2.2L14.8,8.8z M5,15.4h2.2v2.2H5
|
||||
V15.4z M8.3,15.4h2.2v2.2H8.3L8.3,15.4z M11.5,15.4h2.2v2.2h-2.2L11.5,15.4z M8.3,12.1h2.2v2.2H8.3V12.1z M11.5,12.1h2.2v2.2h-2.2
|
||||
L11.5,12.1z M14.8,12.1H17v2.2h-2.2L14.8,12.1z M5,12.1h2.2v2.2H5L5,12.1z M17,2.3v1.1h-2.2V2.3H7.2v1.1H5V2.3H2.8v17.4h16.3V2.3
|
||||
C19.2,2.3,17,2.3,17,2.3z M18.1,18.6H3.9v-12h14.2L18.1,18.6z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 857 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24.095" height="19.987" viewBox="0 0 24.095 19.987"><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-camera" transform="translate(0.75 0.75)"><path d="M24.095,20.933a2.054,2.054,0,0,1-2.054,2.054H3.554A2.054,2.054,0,0,1,1.5,20.933V9.635A2.054,2.054,0,0,1,3.554,7.581H7.662L9.716,4.5h6.162l2.054,3.081h4.108a2.054,2.054,0,0,1,2.054,2.054Z" data-name="パス 1" transform="translate(-1.5 -4.5)"/><path d="M20.216,17.608A4.108,4.108,0,1,1,16.108,13.5,4.108,4.108,0,0,1,20.216,17.608Z" data-name="パス 2" transform="translate(-4.811 -7.338)"/></g></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 671 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="15.141" height="11.595" viewBox="0 0 15.141 11.595"><path fill="#fff" d="M25.5,13.563l-1.237-1.273a.266.266,0,0,0-.2-.084h0a.255.255,0,0,0-.2.084l-8.578,8.641L12.164,17.81a.272.272,0,0,0-.394,0l-1.252,1.252a.28.28,0,0,0,0,.4L14.456,23.4a1.245,1.245,0,0,0,.823.4,1.3,1.3,0,0,0,.816-.387H16.1l9.4-9.45A.3.3,0,0,0,25.5,13.563Z" data-name="Icon ionic-ios-checkmark" transform="translate(-10.434 -12.206)"/></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 455 B |
|
|
@ -0,0 +1,15 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<g transform="translate(-4.5 -7.313)">
|
||||
<path d="M9.8,19.3c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4S9.8,18.6,9.8,19.3L9.8,19.3z"/>
|
||||
<path d="M9.8,13.2c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4h0C9.2,11.8,9.8,12.4,9.8,13.2z"/>
|
||||
<path d="M9.8,25.4c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4S9.8,24.7,9.8,25.4L9.8,25.4z"/>
|
||||
<path d="M25.2,18.5H13.3c-0.4,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8c0,0,0,0,0,0h11.9c0.4,0,0.8-0.4,0.8-0.8
|
||||
C26,18.9,25.6,18.5,25.2,18.5C25.2,18.5,25.2,18.5,25.2,18.5z"/>
|
||||
<path d="M25.2,24.7H13.3c-0.4,0-0.8,0.4-0.8,0.8c0,0.4,0.4,0.8,0.8,0.8c0,0,0,0,0,0h11.9c0.4,0,0.8-0.4,0.8-0.8
|
||||
C26,25,25.6,24.7,25.2,24.7z"/>
|
||||
<path d="M13.3,14h11.9c0.4,0,0.8-0.4,0.8-0.8s-0.4-0.8-0.8-0.8H13.3c-0.4,0-0.8,0.4-0.8,0.8S12.9,14,13.3,14z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<g transform="translate(-4.5 -7.313)">
|
||||
<path class="st0" d="M9.8,19.3c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4S9.8,18.6,9.8,19.3L9.8,19.3z"/>
|
||||
<path class="st0" d="M9.8,13.2c0,0.8-0.6,1.4-1.4,1.4C7.6,14.6,7,14,7,13.2c0-0.8,0.6-1.4,1.4-1.4l0,0C9.2,11.8,9.8,12.4,9.8,13.2z
|
||||
"/>
|
||||
<path class="st0" d="M9.8,25.4c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4S7.6,24,8.4,24S9.8,24.7,9.8,25.4L9.8,25.4z"/>
|
||||
<path class="st0" d="M25.2,18.5H13.3c-0.4,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8l0,0h11.9c0.4,0,0.8-0.4,0.8-0.8S25.6,18.5,25.2,18.5
|
||||
L25.2,18.5z"/>
|
||||
<path class="st0" d="M25.2,24.7H13.3c-0.4,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8l0,0h11.9c0.4,0,0.8-0.4,0.8-0.8
|
||||
C26,25,25.6,24.7,25.2,24.7z"/>
|
||||
<path class="st0" d="M13.3,14h11.9c0.4,0,0.8-0.4,0.8-0.8s-0.4-0.8-0.8-0.8H13.3c-0.4,0-0.8,0.4-0.8,0.8S12.9,14,13.3,14z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#F0DE00;}
|
||||
</style>
|
||||
<g transform="translate(-4.5 -7.313)">
|
||||
<path class="st0" d="M9.8,19.3c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4S9.8,18.6,9.8,19.3L9.8,19.3z"/>
|
||||
<path class="st0" d="M9.8,13.2c0,0.8-0.6,1.4-1.4,1.4C7.6,14.6,7,14,7,13.2s0.6-1.4,1.4-1.4l0,0C9.2,11.8,9.8,12.4,9.8,13.2z"/>
|
||||
<path class="st0" d="M9.8,25.4c0,0.8-0.6,1.4-1.4,1.4c-0.8,0-1.4-0.6-1.4-1.4S7.6,24,8.4,24S9.8,24.7,9.8,25.4L9.8,25.4z"/>
|
||||
<path class="st0" d="M25.2,18.5H13.3c-0.4,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8l0,0h11.9c0.4,0,0.8-0.4,0.8-0.8S25.6,18.5,25.2,18.5
|
||||
L25.2,18.5z"/>
|
||||
<path class="st0" d="M25.2,24.7H13.3c-0.4,0-0.8,0.4-0.8,0.8s0.4,0.8,0.8,0.8l0,0h11.9c0.4,0,0.8-0.4,0.8-0.8
|
||||
C26,25,25.6,24.7,25.2,24.7z"/>
|
||||
<path class="st0" d="M13.3,14h11.9c0.4,0,0.8-0.4,0.8-0.8s-0.4-0.8-0.8-0.8H13.3c-0.4,0-0.8,0.4-0.8,0.8S12.9,14,13.3,14z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<g transform="translate(-3.375 -5.625)">
|
||||
<path d="M18.1,23.2c-0.4,0-0.7,0.3-0.7,0.7c0,0.5-0.4,0.9-0.9,0.9h-9c-0.5,0-0.9-0.4-0.9-0.9V11.3c0-0.5,0.4-0.9,0.9-0.9h9
|
||||
c0.5,0,0.9,0.4,0.9,0.9c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7l0,0c0-1.2-1-2.2-2.2-2.2l0,0h-9c-1.2,0-2.2,1-2.2,2.2l0,0
|
||||
v12.6c0,1.2,1,2.2,2.2,2.2h9c1.2,0,2.2-1,2.2-2.2C18.8,23.6,18.5,23.2,18.1,23.2z"/>
|
||||
<path d="M21,12.9c-0.1-0.1-0.3-0.2-0.5-0.2s-0.4,0.1-0.5,0.2c-0.3,0.3-0.3,0.7,0,1l0,0l3.2,3.1H10.8c-0.4,0-0.7,0.3-0.7,0.7
|
||||
s0.3,0.7,0.7,0.7l0,0h12.4l-3.1,3.1c-0.3,0.3-0.3,0.7,0,1l0,0c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l4-4c0.4-0.4,0.4-1,0.1-1.3
|
||||
c0,0,0,0-0.1-0.1L21,12.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1016 B |
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<g transform="translate(-3.375 -5.625)">
|
||||
<path class="st0" d="M18.1,23.2c-0.4,0-0.7,0.3-0.7,0.7c0,0.5-0.4,0.9-0.9,0.9h-9c-0.5,0-0.9-0.4-0.9-0.9V11.3
|
||||
c0-0.5,0.4-0.9,0.9-0.9h9c0.5,0,0.9,0.4,0.9,0.9c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7c0,0,0,0,0,0c0-1.2-1-2.2-2.2-2.2l0,0
|
||||
h-9c-1.2,0-2.2,1-2.2,2.2l0,0v12.6c0,1.2,1,2.2,2.2,2.2h9c1.2,0,2.2-1,2.2-2.2C18.8,23.6,18.5,23.2,18.1,23.2z"/>
|
||||
<path class="st0" d="M21,12.9c-0.1-0.1-0.3-0.2-0.5-0.2c-0.2,0-0.4,0.1-0.5,0.2c-0.3,0.3-0.3,0.7,0,1c0,0,0,0,0,0l3.2,3.1H10.8
|
||||
c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0,0,0,0,0,0h12.4l-3.1,3.1c-0.3,0.3-0.3,0.7,0,1l0,0c0.1,0.1,0.3,0.2,0.5,0.2
|
||||
c0.2,0,0.4-0.1,0.5-0.2l4-4c0.4-0.4,0.4-1,0.1-1.3c0,0,0,0-0.1-0.1L21,12.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.1 KiB |
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#F0DE00;}
|
||||
</style>
|
||||
<g transform="translate(-3.375 -5.625)">
|
||||
<path class="st0" d="M18.1,23.2c-0.4,0-0.7,0.3-0.7,0.7c0,0.5-0.4,0.9-0.9,0.9h-9c-0.5,0-0.9-0.4-0.9-0.9V11.3
|
||||
c0-0.5,0.4-0.9,0.9-0.9h9c0.5,0,0.9,0.4,0.9,0.9c0,0.4,0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7l0,0c0-1.2-1-2.2-2.2-2.2l0,0h-9
|
||||
c-1.2,0-2.2,1-2.2,2.2l0,0v12.6c0,1.2,1,2.2,2.2,2.2h9c1.2,0,2.2-1,2.2-2.2C18.8,23.6,18.5,23.2,18.1,23.2z"/>
|
||||
<path class="st0" d="M21,12.9c-0.1-0.1-0.3-0.2-0.5-0.2s-0.4,0.1-0.5,0.2c-0.3,0.3-0.3,0.7,0,1l0,0l3.2,3.1H10.8
|
||||
c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7l0,0h12.4l-3.1,3.1c-0.3,0.3-0.3,0.7,0,1l0,0c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l4-4
|
||||
c0.4-0.4,0.4-1,0.1-1.3c0,0,0,0-0.1-0.1L21,12.9z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.1 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D0D0D0;}
|
||||
</style>
|
||||
<path class="st0" d="M18,4H4C3,4,2.2,4.8,2.2,5.7l0,10.5C2.2,17.2,3,18,4,18H18c1,0,1.8-0.8,1.8-1.8V5.7C19.8,4.8,19,4,18,4z
|
||||
M18,7.5l-7,4.4L4,7.5V5.7l7,4.4l7-4.4V7.5z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 582 B |
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<path d="M16,10.8c1.6,0,2.9-1.4,2.9-3s-1.4-2.9-3-2.9C14.3,5,13,6.3,13,7.9S14.4,10.8,16,10.8z M8,10.8c1.6,0,2.9-1.4,2.9-3
|
||||
s-1.4-2.9-3-2.9C6.3,5,5,6.3,5,7.9S6.4,10.8,8,10.8z M8,13c-2.3,0-7,1.1-7,3.4V19h14.1v-2.6C15.1,14.1,10.4,13,8,13L8,13z M16,13.5
|
||||
c-0.3,0-0.6,0-0.9,0c1,0.5,1.7,1.7,1.6,2.8v2.6H23v-2.6C23,14.1,18.3,13.5,16,13.5L16,13.5z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 701 B |
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<path class="st0" d="M16,10.8c1.6,0,2.9-1.4,2.9-3c0-1.6-1.4-2.9-3-2.9C14.3,5,13,6.3,13,7.9C13,9.5,14.4,10.8,16,10.8z M8,10.8
|
||||
c1.6,0,2.9-1.4,2.9-3c0-1.6-1.4-2.9-3-2.9C6.3,5,5,6.3,5,7.9C5,9.5,6.4,10.8,8,10.8z M8,13c-2.3,0-7,1.1-7,3.4v2.6h14.1v-2.6
|
||||
C15.1,14.1,10.4,13,8,13L8,13z M16,13.5c-0.3,0-0.6,0-0.9,0c1,0.5,1.7,1.7,1.6,2.8v2.6H23v-2.6C23,14.1,18.3,13.5,16,13.5L16,13.5z"
|
||||
/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 793 B |
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#F0DE00;}
|
||||
</style>
|
||||
<path class="st0" d="M16,10.8c1.6,0,2.9-1.4,2.9-3s-1.4-2.9-3-2.9C14.3,5,13,6.3,13,7.9S14.4,10.8,16,10.8z M8,10.8
|
||||
c1.6,0,2.9-1.4,2.9-3s-1.4-2.9-3-2.9C6.3,5,5,6.3,5,7.9S6.4,10.8,8,10.8z M8,13c-2.3,0-7,1.1-7,3.4V19h14.1v-2.6
|
||||
C15.1,14.1,10.4,13,8,13L8,13z M16,13.5c-0.3,0-0.6,0-0.9,0c1,0.5,1.7,1.7,1.6,2.8v2.6H23v-2.6C23,14.1,18.3,13.5,16,13.5L16,13.5z"
|
||||
/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 769 B |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#D0D0D0;}
|
||||
</style>
|
||||
<path class="st0" d="M19.1,3.1l-3.6-0.8c-0.4-0.1-0.8,0.1-0.9,0.5L13,6.6c-0.1,0.3,0,0.7,0.2,1l2.1,1.7c-1.3,2.7-3.4,4.8-6.1,6.1
|
||||
l-1.7-2.1c-0.2-0.3-0.6-0.4-1-0.2l-3.8,1.7c-0.4,0.2-0.6,0.6-0.5,0.9l0.8,3.6c0.1,0.4,0.4,0.6,0.8,0.6c8.8,0,15.9-7.1,15.9-15.9
|
||||
c0,0,0,0,0,0C19.8,3.5,19.5,3.1,19.1,3.1z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 709 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="13.692" height="13.692" viewBox="0 0 13.692 13.692"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" data-name="Icon feather-plus" transform="translate(-0.555 -3.708)"><path d="M18,7.5V19.192" data-name="パス 12" transform="translate(-10.599 -2.792)"/><path d="M7.5,18H19.192" data-name="パス 13" transform="translate(-5.945 -7.446)"/></g></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 440 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="19.092" height="19.092" viewBox="0 0 19.092 19.092"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="Icon feather-plus" transform="translate(9.546 -15.91) rotate(45)"><path d="M18,7.5v21" data-name="パス 14"/><path d="M7.5,18h21" data-name="パス 15"/></g></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 367 B |
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<path d="M20.9,19.7l-5.1-5.1c2.5-3.1,1.9-7.7-1.2-10.1S7,2.6,4.5,5.7s-1.9,7.7,1.2,10.1c2.7,2.1,6.4,2.1,9-0.1l5,5.1
|
||||
c0.3,0.3,0.8,0.3,1.1,0C21.1,20.5,21.2,20.1,20.9,19.7z M10.1,15.8c-3.1,0-5.7-2.6-5.7-5.7C4.4,7,7,4.4,10.1,4.4s5.7,2.6,5.7,5.7
|
||||
c0,1.5-0.6,3-1.7,4C13.1,15.2,11.6,15.8,10.1,15.8z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 653 B |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<path class="st0" d="M20.9,19.7l-5.1-5.1c2.5-3.1,1.9-7.7-1.2-10.1S7,2.6,4.5,5.7s-1.9,7.7,1.2,10.1c2.7,2.1,6.4,2.1,9-0.1l5,5.1
|
||||
c0.3,0.3,0.8,0.3,1.1,0C21.1,20.5,21.2,20.1,20.9,19.7z M10.1,15.8c-3.1,0-5.7-2.6-5.7-5.7C4.4,7,7,4.4,10.1,4.4
|
||||
c3.1,0,5.7,2.6,5.7,5.7c0,1.5-0.6,3-1.7,4C13.1,15.2,11.6,15.8,10.1,15.8z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 725 B |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#F0DE00;}
|
||||
</style>
|
||||
<path class="st0" d="M20.9,19.7l-5.1-5.1c2.5-3.1,1.9-7.7-1.2-10.1S7,2.6,4.5,5.7s-1.9,7.7,1.2,10.1c2.7,2.1,6.4,2.1,9-0.1l5,5.1
|
||||
c0.3,0.3,0.8,0.3,1.1,0C21.1,20.5,21.2,20.1,20.9,19.7z M10.1,15.8c-3.1,0-5.7-2.6-5.7-5.7C4.4,7,7,4.4,10.1,4.4s5.7,2.6,5.7,5.7
|
||||
c0,1.5-0.6,3-1.7,4C13.1,15.2,11.6,15.8,10.1,15.8z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 719 B |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="32.5" height="30.25" viewBox="0 0 32.5 30.25"><path fill="#fff" stroke="#d0d0d0" stroke-width="1" d="M32.555,13.5H22.212L19.069,4.12a1.139,1.139,0,0,0-2.138,0L13.788,13.5H3.375A1.128,1.128,0,0,0,2.25,14.625a.827.827,0,0,0,.021.19,1.081,1.081,0,0,0,.471.795l8.5,5.991L7.98,31.085a1.128,1.128,0,0,0,.387,1.266A1.088,1.088,0,0,0,9,32.625a1.378,1.378,0,0,0,.7-.253L18,26.459l8.3,5.913a1.318,1.318,0,0,0,.7.253,1.01,1.01,0,0,0,.626-.274,1.114,1.114,0,0,0,.387-1.266L24.75,21.6l8.43-6.047.2-.176a1.18,1.18,0,0,0,.366-.752A1.191,1.191,0,0,0,32.555,13.5Z" data-name="Icon ionic-ios-star-outline" transform="translate(-1.75 -2.875)"/></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 678 B |
|
|
@ -0,0 +1,16 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<path id="Icon_ionic-ios-star-outline" class="st0" d="M21.9,9h-7.1l-2.1-6.3c-0.2-0.4-0.6-0.6-1-0.4c-0.2,0.1-0.4,0.3-0.4,0.4
|
||||
L9.1,9H2C1.6,9,1.2,9.3,1.2,9.7v0.1c0,0.2,0.2,0.4,0.4,0.5l5.8,4l-2.2,6.3c-0.1,0.3,0,0.6,0.3,0.9c0.1,0.2,0.3,0.2,0.4,0.3
|
||||
c0.2,0,0.4-0.1,0.4-0.2l5.6-3.9l5.6,3.9c0.2,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2c0.3-0.2,0.4-0.5,0.3-0.9l-2.2-6.3l5.7-4l0.2-0.1
|
||||
c0.3-0.3,0.4-0.4,0.4-0.6C22.7,9.3,22.3,9,21.9,9z M15.8,13.4c-0.4,0.4-0.7,1-0.4,1.5l1.4,4.1c0,0.1,0,0.2-0.1,0.3
|
||||
c-0.1,0-0.1,0-0.2,0l-3.7-2.6c-0.3-0.2-0.5-0.3-0.8-0.3s-0.5,0.1-0.8,0.3l-3.8,2.5c-0.1,0.1-0.2,0-0.3,0c0-0.1-0.1-0.1,0-0.2
|
||||
l1.4-4.1c0.2-0.5,0-1.2-0.5-1.5l-3.8-2.7c-0.1-0.1-0.1-0.2,0-0.3c0-0.1,0.1-0.1,0.2-0.1h4.7c0.5,0,1.1-0.4,1.3-0.9l1.4-4.2
|
||||
c0-0.1,0.2-0.2,0.3-0.1c0.1,0,0.1,0.1,0.1,0.1l1.3,4.1c0.2,0.5,0.7,0.9,1.3,0.9h4.6c0.1,0,0.2,0.1,0.2,0.2c0,0.1,0,0.1-0.1,0.2
|
||||
L15.8,13.4z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 1.2 KiB |
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="31.5" height="29.25" viewBox="0 0 31.5 29.25"><path fill="#f0de00" d="M32.555,13.5H22.212L19.069,4.12a1.139,1.139,0,0,0-2.138,0L13.788,13.5H3.375A1.128,1.128,0,0,0,2.25,14.625a.827.827,0,0,0,.021.19,1.081,1.081,0,0,0,.471.795l8.5,5.991L7.98,31.085a1.128,1.128,0,0,0,.387,1.266A1.088,1.088,0,0,0,9,32.625a1.378,1.378,0,0,0,.7-.253L18,26.459l8.3,5.913a1.318,1.318,0,0,0,.7.253,1.01,1.01,0,0,0,.626-.274,1.114,1.114,0,0,0,.387-1.266L24.75,21.6l8.43-6.047.2-.176a1.18,1.18,0,0,0,.366-.752A1.191,1.191,0,0,0,32.555,13.5Z" data-name="Icon ionic-ios-star-outline" transform="translate(-2.25 -3.375)"/></svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 647 B |
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="レイヤー_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
||||
y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#F0DE00;}
|
||||
</style>
|
||||
<path id="Icon_ionic-ios-star-outline" class="st0" d="M21.9,9h-7.1l-2.1-6.3c-0.2-0.4-0.6-0.6-1-0.4c-0.2,0.1-0.4,0.3-0.4,0.4
|
||||
L9.1,9H2C1.6,9,1.2,9.3,1.2,9.7v0.1c0,0.2,0.2,0.4,0.4,0.5l5.8,4l-2.2,6.3c-0.1,0.3,0,0.6,0.3,0.9c0.1,0.2,0.3,0.2,0.4,0.3
|
||||
c0.2,0,0.4-0.1,0.4-0.2l5.6-3.9l5.6,3.9c0.2,0.1,0.3,0.2,0.4,0.2s0.3-0.1,0.4-0.2c0.3-0.2,0.4-0.5,0.3-0.9l-2.2-6.3l5.7-4l0.2-0.1
|
||||
c0.3-0.3,0.4-0.4,0.4-0.6C22.7,9.3,22.3,9,21.9,9z"/>
|
||||
</svg>
|
||||
|
変更後 幅: | 高さ: | サイズ: 837 B |
|
|
@ -1,5 +1,24 @@
|
|||
require('./bootstrap');
|
||||
|
||||
require('./parent/meeting');
|
||||
require('./parent/meeting/add');
|
||||
require('./parent/meeting/edit');
|
||||
require('./parent/meeting/detail');
|
||||
|
||||
require('./parent/favorite');
|
||||
require('./parent/search');
|
||||
|
||||
require('./parent/child');
|
||||
require('./parent/child/add');
|
||||
require('./parent/child/edit');
|
||||
require('./parent/child/detail');
|
||||
|
||||
require('./parent/profile');
|
||||
require('./parent/profile/password_edit');
|
||||
require('./parent/profile/edit');
|
||||
require('./parent/profile/withdrawal');
|
||||
require('./parent/profile/withdrawal_complete');
|
||||
|
||||
require('./pages/contact');
|
||||
require('./pages/contact/complete');
|
||||
require('./pages/contact/unknown');
|
||||
|
|
|
|||
|
|
@ -0,0 +1,54 @@
|
|||
import React from 'react';
|
||||
|
||||
class Side extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<div className="l-side">
|
||||
<div className="l-side-logo">
|
||||
<a href=""><img src="../assets/img/common/logo.svg" alt="ロゴ" /></a>
|
||||
</div>
|
||||
<nav className="mypage-nav">
|
||||
<ul className="mypage-nav-list -meeting">
|
||||
<li className="mypage-nav-list__item nav-active">
|
||||
<a href="" className="mypage-nav-list__link">
|
||||
<i className="icon meeting"></i><span>ミーティング</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mypage-nav-list__item -favorite">
|
||||
<a href="" className="mypage-nav-list__link">
|
||||
<i className="icon star"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mypage-nav-list__item -search">
|
||||
<a href="" className="mypage-nav-list__link">
|
||||
<i className="icon search"></i><span>検索</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mypage-nav-list__item -childinfo">
|
||||
<a href="" className="mypage-nav-list__link">
|
||||
<i className="icon parents"></i><span>子情報</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mypage-nav-list__item -profile">
|
||||
<a href="" className="user-icon mypage-nav-list__link">
|
||||
<figure>
|
||||
<div className="prof-wrap">
|
||||
<img src="../assets/img/avatar/avatar-sample01@2x.png" alt="" />
|
||||
</div>
|
||||
</figure>
|
||||
<span>プロフィール</span>
|
||||
</a>
|
||||
</li>
|
||||
<li className="mypage-nav-list__item -logout">
|
||||
<a href="" className="mypage-nav-list__link">
|
||||
<i className="icon log-out"></i><span>ログアウト</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default Side;
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ChildAdd = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>子詳細</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="profile-container">
|
||||
<div className="profile-wrap">
|
||||
<div className="profile-content">
|
||||
<div className="profile-thumb">
|
||||
{/* <label> */}
|
||||
<input id="profile-file" type="file" className="profile-thumb-img" />
|
||||
<img src="../../../assets/img/avatar/avatar-sample04.jpg" id="profile-file-preview" className="profile-thumb__image" alt="" />
|
||||
{/* </label> */}
|
||||
</div>
|
||||
<p className="profile-name">田中 達也</p>
|
||||
<div className="profile-info">
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/mail.svg" alt="メール" />
|
||||
</p>
|
||||
<p className="txt">chankan77@gmail.com</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/phone.svg" alt="電話" />
|
||||
</p>
|
||||
<p className="txt">08012927104</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/building.svg" alt="会社名" />
|
||||
</p>
|
||||
<p className="txt">株式会社ZOTMAN</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/calendar.svg" alt="日付" />
|
||||
</p>
|
||||
<p className="txt">2021/7/12</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-profile btn-r8 btn-h52">
|
||||
<span>入社日を変更</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-txtLink">
|
||||
<button type="button" className="a-icon txt-link">削除する</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-child-add')){
|
||||
ReactDOM.render(
|
||||
<ChildAdd />,
|
||||
document.getElementById('p-child-add')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ChildDetail = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>子詳細</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="profile-container">
|
||||
<div className="profile-wrap">
|
||||
<div className="profile-content">
|
||||
<div className="profile-thumb">
|
||||
{/* <label> */}
|
||||
<input id="profile-file" type="file" className="profile-thumb-img" />
|
||||
<img src="../../../assets/img/avatar/avatar-sample04.jpg" id="profile-file-preview" className="profile-thumb__image" alt="" />
|
||||
{/* </label> */}
|
||||
</div>
|
||||
<p className="profile-name">田中 達也</p>
|
||||
<div className="profile-info">
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/mail.svg" alt="メール" />
|
||||
</p>
|
||||
<p className="txt">chankan77@gmail.com</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/phone.svg" alt="電話" />
|
||||
</p>
|
||||
<p className="txt">08012927104</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/building.svg" alt="会社名" />
|
||||
</p>
|
||||
<p className="txt">株式会社ZOTMAN</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../../../assets/img/icon/calendar.svg" alt="日付" />
|
||||
</p>
|
||||
<p className="txt">2021/7/12</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-profile btn-r8 btn-h52">
|
||||
<span>入社日を変更</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-txtLink">
|
||||
<button type="button" className="a-icon txt-link">削除する</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-child-detail')){
|
||||
ReactDOM.render(
|
||||
<ChildDetail />,
|
||||
document.getElementById('p-child-detail')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ChildEdit = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>入社日を変更</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="edit-container">
|
||||
<div className="edit-wrap">
|
||||
<div className="edit-content">
|
||||
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set">
|
||||
<label className="control-label" for="hireDate">入社日</label>
|
||||
<input type="text" name="hireDate" value="" className="input-default input-hiredate input-h60 input-w480" id="hireDate" />
|
||||
<i className="icon icon-calendar"></i>
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">変更内容を保存する</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-child-edit')){
|
||||
ReactDOM.render(
|
||||
<ChildEdit />,
|
||||
document.getElementById('p-child-edit')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,108 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const Child = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>子一覧</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="search-container">
|
||||
<div className="search-wrap">
|
||||
<div className="search-content">
|
||||
<div className="search-item">
|
||||
<a href="">
|
||||
<div className="user-wrap">
|
||||
<div className="user-avatar">
|
||||
<img alt="name" className="avatar-img" src="../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
<div className="user-info">
|
||||
<p className="user-name">子の名前</p>
|
||||
<p className="user-tel">000-1282-1333</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="search-item">
|
||||
<a href="">
|
||||
<div className="user-wrap">
|
||||
<div className="user-avatar">
|
||||
<img alt="name" className="avatar-img" src="../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
<div className="user-info">
|
||||
<p className="user-name">子の名前</p>
|
||||
<p className="user-tel">000-1282-1333</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="search-item">
|
||||
<a href="">
|
||||
<div className="user-wrap">
|
||||
<div className="user-avatar">
|
||||
<img alt="name" className="avatar-img" src="../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
<div className="user-info">
|
||||
<p className="user-name">子の名前</p>
|
||||
<p className="user-tel">000-1282-1333</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="search-item">
|
||||
<a href="">
|
||||
<div className="user-wrap">
|
||||
<div className="user-avatar">
|
||||
<img alt="name" className="avatar-img" src="../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
<div className="user-info">
|
||||
<p className="user-name">子の名前</p>
|
||||
<p className="user-tel">000-1282-1333</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="search-item">
|
||||
<a href="">
|
||||
<div className="user-wrap">
|
||||
<div className="user-avatar">
|
||||
<img alt="name" className="avatar-img" src="../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
<div className="user-info">
|
||||
<p className="user-name">子の名前</p>
|
||||
<p className="user-tel">000-1282-1333</p>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-child')){
|
||||
ReactDOM.render(
|
||||
<Child />,
|
||||
document.getElementById('p-child')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,220 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const Favorite = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>お気に入り</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="meeting-tab-container">
|
||||
<div className="meeting-tab-wrap">
|
||||
<div className="meeting-head">
|
||||
<input className="tab-switch" id="tab-01" type="radio" name="tab_btn" />
|
||||
<input className="tab-switch" id="tab-02" type="radio" name="tab_btn" />
|
||||
|
||||
<div className="meeting-tab">
|
||||
<label className="tab-label is-active" htmlFor="tab-01"><span>お気に入り</span></label>
|
||||
<label className="tab-label" htmlFor="tab-02"><span>その他</span></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="meeting-content">
|
||||
<div className="meeting-content-wrap is-active" id="item01">
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-starFill a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-starFill a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-starFill a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div className="meeting-content-wrap" id="item02">
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-favorite')){
|
||||
ReactDOM.render(
|
||||
<Favorite />,
|
||||
document.getElementById('p-favorite')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const MeetingAdd = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>ミーティング作成</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="p-article">
|
||||
<div className="p-article-wrap">
|
||||
<article className="p-article__body">
|
||||
<div className="p-article__content">
|
||||
<div className="p-article__context">
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set">
|
||||
<label className="control-label" for="title">タイトル</label>
|
||||
<input type="text" name="title" value="" className="input-default input-title input-h60 input-w480" id="title" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" for="meeting_textarea">本文</label>
|
||||
<textarea name="data[MeetingContent][description]" rows="8" className="textarea-default" id="meeting_textarea"></textarea>
|
||||
</div>
|
||||
<div className="edit-set edit-set-mt15">
|
||||
<label className="edit-set-file-label" for="file_pdf">
|
||||
PDFアップロード
|
||||
<input type="file" name="file_pdf" accept=".pdf" id="file_pdf" />
|
||||
</label>
|
||||
</div>
|
||||
<div className="edit-set edit-set-mt15">
|
||||
<label className="edit-set-file-label" for="file_image">
|
||||
画像アップロード
|
||||
<input type="file" name="file_image" accept=".png, .jpg, .jpeg" id="file_image" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="p-file-image">
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
<figure></figure>
|
||||
</div>
|
||||
|
||||
<div className="edit-set edit-set-send">
|
||||
<label for="allmember_send">
|
||||
<input className="boolean optional" type="checkbox" name="allmember_send" id="allmember_send" />全員に送信</label>
|
||||
</div>
|
||||
|
||||
<div className="edit-set-mt5 edit-set-send">
|
||||
<label for="pickup_send">
|
||||
<input className="boolean optional" type="checkbox" name="pickup_send" id="pickup_send" />選んで送信</label>
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">本登録</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-meeting-add')){
|
||||
ReactDOM.render(
|
||||
<MeetingAdd />,
|
||||
document.getElementById('p-meeting-add')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,153 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const MeetingDetail = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>ミーティング詳細</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="p-article">
|
||||
<div className="p-article-wrap">
|
||||
<article className="p-article__body">
|
||||
<div className="p-article__content">
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../../../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div className="meeting-member__read">
|
||||
<p>3人既読</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<ul className="p-article-btn-list">
|
||||
<li className="p-article-btn__item">
|
||||
<a href="" className="btn-default btn-yellow btn-pdf btn-r8 btn-h48">編集</a>
|
||||
</li>
|
||||
<li className="p-article-btn__item">
|
||||
<a href="" className="btn-default btn-yellow btn-pdf btn-r8 btn-h48">削除</a>
|
||||
</li>
|
||||
<li className="p-article-btn__item">
|
||||
<a href="" className="btn-default btn-yellow btn-pdf btn-r8 btn-h48">複製</a>
|
||||
</li>
|
||||
<li className="p-article-btn__item">
|
||||
<a href="" className="btn-default btn-yellow btn-pdf btn-r8 btn-h48">再通知</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div className="p-article__context">
|
||||
|
||||
<div className="p-file-list">
|
||||
<div className="p-file-for">
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy01.jpg" alt="" /></figure>
|
||||
</div>
|
||||
<div className="p-file-nav">
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy01.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy02.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy03.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy04.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy05.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy01.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy02.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy03.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy04.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy05.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy03.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy04.jpg" alt="" /></figure>
|
||||
<figure><img src="../../../assets/img/dummy/post-dummy05.jpg" alt="" /></figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-article__pdf">
|
||||
<div className="p-article__pdf__btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-pdf btn-r8 btn-h52">
|
||||
<span>PDFを確認する</span>
|
||||
</a>
|
||||
</div>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star icon-star-wrap a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
<p className="p-article__txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング。</p>
|
||||
<p className="p-article__txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング。</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-meeting-detail')){
|
||||
ReactDOM.render(
|
||||
<MeetingDetail />,
|
||||
document.getElementById('p-meeting-detail')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const MeetingEdit = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>ミーティング作成</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="p-article">
|
||||
<div className="p-article-wrap">
|
||||
<article className="p-article__body">
|
||||
<div className="p-article__content">
|
||||
<div className="p-article__context">
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set">
|
||||
<label className="control-label" for="title">タイトル</label>
|
||||
<input type="text" name="title" value="" className="input-default input-title input-h60 input-w480" id="title" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" for="meeting_textarea">本文</label>
|
||||
<textarea name="data[MeetingContent][description]" rows="8" className="textarea-default" id="meeting_textarea"></textarea>
|
||||
</div>
|
||||
<div className="edit-set edit-set-mt15">
|
||||
<label className="edit-set-file-label" for="file_pdf">
|
||||
PDFアップロード
|
||||
<input type="file" name="file_pdf" accept=".pdf" id="file_pdf" />
|
||||
</label>
|
||||
</div>
|
||||
<div className="edit-set edit-set-mt15">
|
||||
<label className="edit-set-file-label" for="file_image">
|
||||
画像アップロード
|
||||
<input type="file" name="file_image" accept=".png, .jpg, .jpeg" id="file_image" />
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="p-file-image">
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy01.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy02.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy03.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy04.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy05.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy01.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy02.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy03.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy04.jpg" alt="" /></figure>
|
||||
<figure className="image-upload"><img src="../../../assets/img/dummy/post-dummy05.jpg" alt="" /></figure>
|
||||
</div>
|
||||
|
||||
<div className="edit-set edit-set-send">
|
||||
<label for="allmember_send">
|
||||
<input className="boolean optional" type="checkbox" name="allmember_send" id="allmember_send" />全員に送信</label>
|
||||
</div>
|
||||
|
||||
<div className="edit-set-mt5 edit-set-send">
|
||||
<label for="pickup_send">
|
||||
<input className="boolean optional" type="checkbox" name="pickup_send" id="pickup_send" />選んで送信</label>
|
||||
</div>
|
||||
|
||||
<div className="checkbox-wrap edit-bg">
|
||||
<div className="checkbox">
|
||||
<label for="user_name01">
|
||||
<input className="boolean optional" type="checkbox" name="chk[]" id="user_name01" />田中 達也</label>
|
||||
</div>
|
||||
<div className="checkbox">
|
||||
<label for="user_name02">
|
||||
<input className="boolean optional" type="checkbox" name="chk[]" id="user_name02" />田中 達也</label>
|
||||
</div>
|
||||
<div className="checkbox">
|
||||
<label for="user_name03">
|
||||
<input className="boolean optional" type="checkbox" name="chk[]" id="user_name03" />田中 達也</label>
|
||||
</div>
|
||||
<div className="checkbox">
|
||||
<label for="user_name04">
|
||||
<input className="boolean optional" type="checkbox" name="chk[]" id="user_name04" />田中 達也</label>
|
||||
</div>
|
||||
<div className="checkbox">
|
||||
<label for="user_name05">
|
||||
<input className="boolean optional" type="checkbox" name="chk[]" id="user_name05" />田中 達也</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">本登録</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-meeting-edit')){
|
||||
ReactDOM.render(
|
||||
<MeetingEdit />,
|
||||
document.getElementById('p-meeting-edit')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const Meeting = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>ミーティング一覧</h2>
|
||||
<div className="p-meetingAdd-btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-meeting btn-shadow btn-r8 btn-h48 btn-fz14">
|
||||
<span>ミーティングを追加</span>
|
||||
<svg version="1.1" viewBox="0 0 500 500" className="icon svg-icon svg-fill svg-up">
|
||||
<path fill="#000" stroke="none" pid="0" d="M250 437.6c-16.5 0-30-13.5-30-30V280.1H92.5c-16.5 0-30-13.5-30-30s13.5-30 30-30H220V92.6c0-16.5 13.5-30 30-30s30 13.5 30 30v127.5h127.5c16.5 0 30 13.5 30 30s-13.5 30-30 30H280v127.5c0 16.5-13.5 30-30 30z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" >
|
||||
<g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="meeting-tab-container">
|
||||
<div className="meeting-tab-wrap">
|
||||
<div className="meeting-head">
|
||||
<input className="tab-switch" id="tab-01" type="radio" name="tab_btn" />
|
||||
<input className="tab-switch" id="tab-02" type="radio" name="tab_btn" />
|
||||
|
||||
<div className="meeting-tab">
|
||||
<label className="tab-label is-active" htmlFor="tab-01"><span>未完了</span></label>
|
||||
<label className="tab-label" htmlFor="tab-02"><span>完了済み</span></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="meeting-content">
|
||||
<div className="meeting-content-wrap is-active" id="item01">
|
||||
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-meeting')){
|
||||
ReactDOM.render(
|
||||
<Meeting />,
|
||||
document.getElementById('p-meeting')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ProfileEdit = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>プロフィール編集</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="edit-container">
|
||||
<div className="edit-wrap">
|
||||
<div className="edit-content">
|
||||
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="nameSei">姓</label>
|
||||
<input type="text" name="nameSei" value="" className="input-default input-nameSei input-h60 input-w480" id="nameSei" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="nameMei">名</label>
|
||||
<input type="text" name="nameMei" value="" className="input-default input-nameMei input-h60 input-w480" id="nameMei" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="mail">メールアドレス</label>
|
||||
<input type="email" name="mail" value="" className="input-default input-mail input-h60 input-w480" id="mail" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="tel">電話番号</label>
|
||||
<input type="tel" name="tel" value="" className="input-default input-tel input-h60 input-w480" id="tel" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="profile_textarea">プロフィール</label>
|
||||
<textarea name="data[UserProfile][description]" rows="8" className="textarea-default" id="profile_textarea"></textarea>
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">プロフィール更新</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-profile-edit')){
|
||||
ReactDOM.render(
|
||||
<ProfileEdit />,
|
||||
document.getElementById('p-profile-edit')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const Profile = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>プロフィール</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<div className="profile-container">
|
||||
<div className="profile-wrap">
|
||||
<div className="profile-content">
|
||||
<div className="profile-thumb">
|
||||
{/* <label> */}
|
||||
<input id="profile-file" type="file" className="profile-thumb-img" />
|
||||
<img src="../assets/img/avatar/avatar-sample04.jpg" id="profile-file-preview" className="profile-thumb__image" alt="" />
|
||||
{/* </label> */}
|
||||
<div className="profile-camera">
|
||||
<label className="btn-default btn-camera btn-shadow">
|
||||
<input id="profile-file" type="file" className="profile-thumb-img" />
|
||||
<i className="icon icon-camera"></i>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<p className="profile-name">田中 達也</p>
|
||||
<div className="profile-info">
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../assets/img/icon/mail.svg" alt="メール" />
|
||||
</p>
|
||||
<p className="txt">chankan77@gmail.com</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="profile-info__icon">
|
||||
<img src="../assets/img/icon/phone.svg" alt="電話" />
|
||||
</p>
|
||||
<p className="txt">08012927104</p>
|
||||
</div>
|
||||
<div className="profile-info__item">
|
||||
<p className="txt">ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-profile btn-r8 btn-h52">
|
||||
<span>プロフィールを変更する</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-btn">
|
||||
<a data-v-ade1d018="" className="btn-default btn-yellow btn-password btn-r8 btn-h52">
|
||||
<span>パスワードを変更する</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-txtLink">
|
||||
<button type="button" className="a-icon txt-link">ログアウト</button>
|
||||
</div>
|
||||
|
||||
<div className="p-profile-txtLink">
|
||||
<button type="button" className="a-icon txt-link">退会する</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-profile')){
|
||||
ReactDOM.render(
|
||||
<Profile />,
|
||||
document.getElementById('p-profile')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ProfilePasswordEdit = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>パスワード編集</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="edit-container">
|
||||
<div className="edit-wrap">
|
||||
<div className="edit-content">
|
||||
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="new_password">パスワード</label>
|
||||
<input type="text" name="new_password" value="" className="input-default input-new-password input-h60 input-w480" id="new_password" />
|
||||
</div>
|
||||
<div className="edit-set">
|
||||
<label className="control-label" htmlFor="confirm_password">確認用 新しいパスワード</label>
|
||||
<input type="text" name="confirm_password" value="" className="input-default input-confirm-password input-h60 input-w480" id="confirm_password" />
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">パスワード更新</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-profile-password-edit')){
|
||||
ReactDOM.render(
|
||||
<ProfilePasswordEdit />,
|
||||
document.getElementById('p-profile-password-edit')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ProfileWithdrawal = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>退会確認</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="edit-container">
|
||||
<div className="edit-wrap">
|
||||
<div className="edit-content">
|
||||
|
||||
<form action="" className="edit-form">
|
||||
<div className="edit-set-bg">
|
||||
<p>本当に退会してもよろしいでしょうか？</p>
|
||||
</div>
|
||||
|
||||
<button type="button" className="btn-edit btn-default btn-h70 btn-r14 btn-yellow">退会する</button>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-profile-withdrawal')){
|
||||
ReactDOM.render(
|
||||
<ProfileWithdrawal />,
|
||||
document.getElementById('p-profile-withdrawal')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const ProfileWithdrawalComplete = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content-w560">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>退会完了</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="edit-container">
|
||||
<div className="edit-wrap">
|
||||
<div className="edit-content">
|
||||
|
||||
<div className="edit-set-bg">
|
||||
<p>退会完了しました。<br />今後とも、危機管理をよろしくお願いいたします。</p>
|
||||
</div>
|
||||
|
||||
<div className="edit-txtLink">
|
||||
<button type="button" className="a-icon txt-link">トップページへ戻る</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-profile-withdrawal-complete')){
|
||||
ReactDOM.render(
|
||||
<ProfileWithdrawalComplete />,
|
||||
document.getElementById('p-profile-withdrawal-complete')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,219 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import Side from '../../component/side';
|
||||
|
||||
const Search = () => {
|
||||
return (
|
||||
<main className="l-container">
|
||||
<div className="l-content">
|
||||
<div className="l-content__ttl">
|
||||
<div className="l-content__ttl__left">
|
||||
<h2>検索</h2>
|
||||
</div>
|
||||
<div className="p-notification">
|
||||
<div className="p-notification-icon">
|
||||
<div className="p-notification-icon-wrap">
|
||||
<div className="count">1</div>
|
||||
<div className="p-notification-icon-bg"></div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.742 19.855" className="icon svg-icon svg-fill svg-y50" ><g fill="none" stroke="#080808" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" data-name="Icon feather-alert-triangle" transform="translate(0.777 0.75)"><path d="M11.188,5.322,2.6,19.659A2.028,2.028,0,0,0,4.334,22.7H21.51a2.028,2.028,0,0,0,1.734-3.042L14.656,5.322a2.028,2.028,0,0,0-3.468,0Z" data-name="パス 3" transform="translate(-2.328 -4.346)"/><path d="M18,13.5v6.91" data-name="パス 4" transform="translate(-7.406 -8.547)"/><path d="M18,25.5h0" data-name="パス 5" transform="translate(-7.406 -11.2)"/></g></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="l-content-wrap">
|
||||
<section className="meeting-tab-container meeting-search">
|
||||
<div className="meeting-tab-wrap">
|
||||
<div className="meeting-head">
|
||||
<form action="" className="meeting-form">
|
||||
<label className="control-label" htmlFor="keyword">キーワード</label>
|
||||
<input type="search" name="keyword" value="" className="input-default input-keyword input-h56 input-w380" id="keyword" />
|
||||
<i className="icon icon-search"></i>
|
||||
</form>
|
||||
|
||||
<input className="tab-switch" id="tab-01" type="radio" name="tab_btn" />
|
||||
<input className="tab-switch" id="tab-02" type="radio" name="tab_btn" />
|
||||
|
||||
<div className="meeting-tab">
|
||||
<label className="tab-label is-active" htmlFor="tab-01"><span>未承知</span></label>
|
||||
<label className="tab-label" htmlFor="tab-02"><span>承知済み</span></label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="meeting-content">
|
||||
<div className="meeting-content-wrap is-active" id="item01">
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="meeting-content-wrap" id="item02">
|
||||
<div className="meeting-item">
|
||||
<a href="" className="meeting-link">
|
||||
<h3 className="meeting-ttl">ミーティングタイトルミーティングタイトルミーテ</h3>
|
||||
<p className="meeting-txt">ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティングミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング詳細ミーティング</p>
|
||||
<time dateTime="2021-07-30" className="meeting-time">
|
||||
<span className="meeting-date">2021/7/21</span>
|
||||
</time>
|
||||
<div className="meeting-member">
|
||||
<div className="meeting-member-wrap">
|
||||
<div data-url="login.html" className="meeting-member-link">
|
||||
<ul className="meeting-member-count">
|
||||
<li className="numerator">3</li>
|
||||
<li className="denominator">4</li>
|
||||
</ul>
|
||||
|
||||
<ul className="meeting-member-list" role="list">
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample01@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample02@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li className="meeting-member__item" role="listitem">
|
||||
<div className="avatar">
|
||||
<img alt="name" className="avatar-img" src="../assets/img/avatar/avatar-sample03@2x.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<button type="button" aria-label="お気に入り" data-tooltip="お気に入り" aria-pressed="false" className="icon a-icon like-icon icon-star a-icon-size_medium"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Side />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
||||
if(document.getElementById('p-search')){
|
||||
ReactDOM.render(
|
||||
<Search />,
|
||||
document.getElementById('p-search')
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '子追加')
|
||||
|
||||
@section('content')
|
||||
<div id="p-child-add"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '子詳細')
|
||||
|
||||
@section('content')
|
||||
<div id="p-child-detail"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '入社日を変更')
|
||||
|
||||
@section('content')
|
||||
<div id="p-child-edit"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '子一覧')
|
||||
|
||||
@section('content')
|
||||
<div id="p-child"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'お気に入り')
|
||||
|
||||
@section('content')
|
||||
<div id="p-favorite"></div>
|
||||
@endsection
|
||||
|
|
@ -14,19 +14,10 @@
|
|||
<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">
|
||||
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
<main class="l-container">
|
||||
<div class="l-content">
|
||||
@yield('content')
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
|
||||
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body class="">
|
||||
@yield('content')
|
||||
<script src="{{ asset('js/app.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'ミーティング作成')
|
||||
|
||||
@section('content')
|
||||
<div id="p-meeting-add"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'ミーティング詳細')
|
||||
|
||||
@section('content')
|
||||
<div id="p-meeting-detail"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'ミーティング作成')
|
||||
|
||||
@section('content')
|
||||
<div id="p-meeting-edit"></div>
|
||||
@endsection
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'Meeting')
|
||||
@section('title', 'ミーティング一覧')
|
||||
|
||||
@section('content')
|
||||
<div id="meeting"></div>
|
||||
<div id="p-meeting"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'プロフィール編集')
|
||||
|
||||
@section('content')
|
||||
<div id="p-profile-edit"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'プロフィール')
|
||||
|
||||
@section('content')
|
||||
<div id="p-profile"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'パスワード編集')
|
||||
|
||||
@section('content')
|
||||
<div id="p-profile-password-edit"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '退会確認')
|
||||
|
||||
@section('content')
|
||||
<div id="p-profile-withdrawal"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', '退会完了')
|
||||
|
||||
@section('content')
|
||||
<div id="p-profile-withdrawal-complete"></div>
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
@extends('p_account.layout')
|
||||
|
||||
@section('title', 'ミーティング検索')
|
||||
|
||||
@section('content')
|
||||
<div id="p-search"></div>
|
||||
@endsection
|
||||
|
|
@ -34,6 +34,7 @@ Route::get('/p-account/profile', function () {return view('p_account.profile.ind
|
|||
Route::get('/p-account/profile/edit/{father_id}', function () {return view('p_account.profile.edit');});
|
||||
Route::get('/p-account/profile/edit/password/{father_id}', function () {return view('p_account.profile.password_edit');});
|
||||
Route::get('/p-account/profile/withdrawal', function () {return view('p_account.profile.withdrawal');});
|
||||
Route::get('/p-account/profile/withdrawal/complete', function () {return view('p_account.profile.withdrawal_complete');});
|
||||
|
||||
Route::get('/contact-us', function () { return view('pages.contact.index'); });
|
||||
Route::get('/contact-us/complete/', function () { return view('pages.contact.complete'); });
|
||||
|
|
|
|||
新しいイシューから参照