member-edit.blade.php 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. @extends('views.layouts.master')
  2. @section('content')
  3. <!--inner Title Start -->
  4. <div class="sms_title_main_wrapper">
  5. <div class="container">
  6. <div class="row">
  7. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  8. <div class="sms_inner_title_heading full_width">
  9. <h2>Member Edit</h2>
  10. <ul>
  11. <li><a href="#">My Page</a> &nbsp;&nbsp;&nbsp;/</li>
  12. <li>Member Edit</li>
  13. </ul>
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <!-- inner Title End -->
  20. <!-- tabOne section start -->
  21. <div class="tabOne ptb-100 mem_edit ">
  22. <div class="container">
  23. <div class="row">
  24. @include('views.my-page.left-sidebar')
  25. <!-- /.col-md-2 -->
  26. <div class="right col-xl-10 col-lg-9 col-md-9 col-sm-12 col-12">
  27. <h2 class="main_top_heading">계정설정</h2>
  28. <form class="inner form-prevent-multiple-submits" id="frm" action="{{ route('my-page.member-edit.store') }}" method="POST" enctype="multipart/form-data">
  29. @csrf
  30. <input type="hidden" name="old_profile_img" value="{{ $member['C9'] }}">
  31. <div class="profile col-lg-6 col-md-12 col-sm-12 col-xs-12">
  32. <h6>공개 프로필 정보</h6>
  33. <input type="file" name="profile_img" id="upload-file" onchange="file_upload(this)" hidden>
  34. <div class="pic_box">
  35. <input type="hidden" id="profile-img-txt">
  36. <img src="{{ env('MEDIA_URL') . $member['C9'] }}" onerror="this.src='/themes/eyerecord/pro/resources/images/pic.jpg'" id="profile-img">
  37. <button type="button" onclick="change_profile()" class="btn_sec">변경</button>
  38. </div>
  39. <div class="input_box">
  40. <div>
  41. <label><i class="fas fa-smile"></i> 사용자 닉네임</label>
  42. <input type="text" class="form-control" value="{{ $member['C6'] }}" name="nick_name">
  43. </div>
  44. <div>
  45. <label><i class="fas fa-user-circle"></i> 사용자 프로필</label>
  46. <textarea class="form-control" name="profile_text" placeholder="공개 프로필(255자 이내)">{{ $member['C11'] }}</textarea>
  47. </div>
  48. <div>
  49. <label><i class="fas fa-globe"></i> 프로필 웹사이트</label>
  50. <input class="form-control" name="profile_web" value="{{ $member['C10'] }}" type="text">
  51. </div>
  52. </div>
  53. </div>
  54. <div class="account col-lg-6 col-md-12 col-sm-12 col-xs-12">
  55. <h6>계정 정보</h6>
  56. <div>
  57. <div class="form-group form-group-feedback form-group-feedback-left">
  58. <div class="form-control-feedback">
  59. <i class="fas fa-user"></i>
  60. </div>
  61. <input type="email" class="form-control" readonly placeholder="이메일" value="{{ $member['C4'] }}" id="email-txt">
  62. </div>
  63. </div>
  64. {{-- <div id="reset-pw-group">--}}
  65. {{-- <div class="form-group form-group-feedback form-group-feedback-left">--}}
  66. {{-- <div class="form-control-feedback">--}}
  67. {{-- <i class="fas fa-user-lock"></i>--}}
  68. {{-- </div>--}}
  69. {{-- <input type="password" id="password-txt" class="form-control" placeholder="Password">--}}
  70. {{-- </div>--}}
  71. {{-- <button type="button" id="reset-pw-btn" onclick="location.href='/reset-member-pw'" class="btn_sec">변경<!--@lang('genesis::page/my-page/member-edit.change')--></button>--}}
  72. {{-- </div>--}}
  73. <div class="btn_wrap col-lg-12 col-md-12 col-sm-12 col-xs-12">
  74. <button type="submit" class="btn_prime button-prevent-multiple-submits">
  75. <i class="spinner fa fa-spinner fa-spin"></i>
  76. 변경사항 적용
  77. </button>
  78. <button type="button" class="btn_wh" onclick="">회원탈퇴</button>
  79. </div>
  80. </div>
  81. </form>
  82. </div>
  83. <!-- /.col-md-10 -->
  84. </div>
  85. <!-- /.row -->
  86. </div>
  87. <!-- /.container -->
  88. </div>
  89. <!-- tabOne section end -->
  90. @endsection
  91. @push('js')
  92. <script>
  93. function change_profile() {
  94. $('#upload-file').trigger('click')
  95. }
  96. function file_upload($this) {
  97. const file = $($this)[0].files[0];
  98. const _URL = window.URL || window.webkitURL;
  99. $('#profile-img').attr('src', _URL.createObjectURL(file))
  100. }
  101. </script>
  102. @endpush