profile.blade.php 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. @extends('user.layouts')
  2. @section('content')
  3. <div class="page-content container">
  4. <div class="row">
  5. <div class="col-lg-5">
  6. <div class="card">
  7. <div class="card-header white bg-cyan-600 p-30 clearfix">
  8. <span class="avatar avatar-100 float-left mr-20">
  9. @component('components.avatar',['user' => Auth::getUser()])@endcomponent
  10. </span>
  11. <div class="float-left">
  12. <div class="font-size-20 mb-15">{{Auth::getUser()->username}}</div>
  13. <p class="mb-5 text-nowrap"><i class="icon bd-webchat mr-10" aria-hidden="true"></i>
  14. <span class="text-break">微信: @if(Auth::getUser()->wechat) {{Auth::getUser()->wechat}} @else未添加 @endif</span>
  15. </p>
  16. <p class="mb-5 text-nowrap"><i class="icon bd-qq mr-10" aria-hidden="true"></i>
  17. <span class="text-break">QQ: @if(Auth::getUser()->qq) {{Auth::getUser()->qq}} @else未添加 @endif</span>
  18. </p>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. <div class="col-lg-7">
  24. <div class="panel">
  25. @if (Session::has('successMsg'))
  26. <div class="alert alert-success alert-dismissable">
  27. <button class="close" data-dismiss="alert" aria-label="Close">
  28. <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  29. {{Session::get('successMsg')}}
  30. </div>
  31. @endif
  32. @if($errors->any())
  33. <div class="alert alert-danger alert-dismissable">
  34. <button class="close" data-dismiss="alert" aria-label="Close">
  35. <span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  36. <strong>{{trans('home.error')}}:</strong> {{$errors->first()}}
  37. </div>
  38. @endif
  39. <div class="panel-body nav-tabs-animate nav-tabs-horizontal" data-plugin="tabs">
  40. <ul class="nav nav-tabs nav-tabs-line" role="tablist">
  41. <li class="nav-item" role="presentation">
  42. <a class="active nav-link" data-toggle="tab" href="#tab_1" aria-controls="tab_1" role="tab">{{trans('home.password')}}</a>
  43. </li>
  44. <li class="nav-item" role="presentation">
  45. <a class="nav-link" data-toggle="tab" href="#tab_2" aria-controls="tab_2" role="tab">{{trans('home.contact')}}</a>
  46. </li>
  47. <li class="nav-item" role="presentation">
  48. <a class="nav-link" data-toggle="tab" href="#tab_3" aria-controls="tab_3" role="tab">{{trans('home.ssr_setting')}}</a>
  49. </li>
  50. </ul>
  51. <div class="tab-content py-10">
  52. <div class="tab-pane active animation-slide-left" id="tab_1" role="tabpanel">
  53. <form action="/profile" method="post" enctype="multipart/form-data"
  54. class="form-horizontal" autocomplete="off">
  55. <div class="form-group row">
  56. <label for="old_password" class="col-md-2 col-form-label">{{trans('home.current_password')}}</label>
  57. <input type="password" class="form-control col-md-5 round" name="old_password" id="old_password" autofocus required/>
  58. {{csrf_field()}}
  59. </div>
  60. <div class="form-group row">
  61. <label for="new_password" class="col-md-2 col-form-label">{{trans('home.new_password')}}</label>
  62. <input type="password" class="form-control col-md-5 round" name="new_password" id="new_password" required/>
  63. </div>
  64. <div class="form-actions">
  65. <button type="submit" class="btn btn-info">{{trans('home.submit')}}</button>
  66. </div>
  67. </form>
  68. </div>
  69. <div class="tab-pane animation-slide-left" id="tab_2" role="tabpanel">
  70. <form action="/profile" method="post" enctype="multipart/form-data" class="form-horizontal">
  71. <div class="form-group row">
  72. <label for="username" class="col-md-2 col-form-label">{{trans('auth.username')}}</label>
  73. <input type="text" class="form-control col-md-5 round" name="username" id="username" value="{{Auth::getUser()->username}}"/>
  74. </div>
  75. <div class="form-group row">
  76. <label for="wechat" class="col-md-2 col-form-label">{{trans('home.wechat')}}</label>
  77. <input type="text" class="form-control col-md-5 round" name="wechat" id="wechat" value="{{Auth::getUser()->wechat}}"/>
  78. {{csrf_field()}}
  79. </div>
  80. <div class="form-group row">
  81. <label for="qq" class="col-md-2 col-form-label">QQ</label>
  82. <input type="number" class="form-control col-md-5 round" name="qq" id="qq" value="{{Auth::getUser()->qq}}"/>
  83. </div>
  84. <div class="form-actions">
  85. <button type="submit" class="btn btn-info">{{trans('home.submit')}}</button>
  86. </div>
  87. </form>
  88. </div>
  89. <div class="tab-pane animation-slide-left" id="tab_3" role="tabpanel">
  90. <form action="/profile" method="post" enctype="multipart/form-data" class="form-horizontal">
  91. <div class="form-group row">
  92. <label for="passwd" class="col-md-2 col-form-label"> {{trans('home.connection_password')}} </label>
  93. <input type="text" class="form-control col-md-5 round" name="passwd" id="passwd" value="{{Auth::getUser()->passwd}}" required/>
  94. {{csrf_field()}}
  95. </div>
  96. <div class="form-actions">
  97. <button type="submit" class="btn btn-info"> {{trans('home.submit')}} </button>
  98. </div>
  99. </form>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. @endsection
  108. @section('script')
  109. <script src="/assets/global/js/Plugin/tabs.js" type="text/javascript"></script>
  110. <script src="/assets/custom/jump-tab.js" type="text/javascript"></script>
  111. @endsection