login.blade.php 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>{{config('admin.title')}} | {{ trans('admin.login') }}</title>
  7. <!-- Tell the browser to be responsive to screen width -->
  8. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  9. <!-- Bootstrap 3.3.5 -->
  10. <link rel="stylesheet" href="{{ admin_asset("/vendor/laravel-admin/AdminLTE/bootstrap/css/bootstrap.min.css") }}">
  11. <!-- Font Awesome -->
  12. <link rel="stylesheet" href="{{ admin_asset("/vendor/laravel-admin/font-awesome/css/font-awesome.min.css") }}">
  13. <!-- Theme style -->
  14. <link rel="stylesheet" href="{{ admin_asset("/vendor/laravel-admin/AdminLTE/dist/css/AdminLTE.min.css") }}">
  15. <!-- iCheck -->
  16. <link rel="stylesheet" href="{{ admin_asset("/vendor/laravel-admin/AdminLTE/plugins/iCheck/square/blue.css") }}">
  17. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  18. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  19. <!--[if lt IE 9]>
  20. <script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  21. <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  22. <![endif]-->
  23. </head>
  24. <body class="hold-transition login-page" @if(config('admin.login_background_image'))style="background: url({{config('admin.login_background_image')}}) no-repeat;background-size: cover;"@endif>
  25. <div class="login-content">
  26. <div class="login-box">
  27. <div class="login-logo">
  28. <img src="{{upload_asset(subsite_config('aix.system.site.site.logo_white'))}}" border="0" alt="logo">
  29. </div>
  30. <!-- /.login-logo -->
  31. <div class="login-box-body">
  32. @if(!is_null($subsites) && false)
  33. <div class="subsite-select dropdown">
  34. <p class="txt">分站选择</p>
  35. <a href="#" class="subsite-box dropdown-toggle" data-toggle="dropdown" >
  36. {{$subsites[get_subsite_id()]['sitename']}}
  37. <span class="caret"></span>
  38. </a>
  39. <ul class="dropdown-menu" role="menu">
  40. @foreach($subsites as $site)
  41. <li><a href="{{get_subsite_domain($site['id'])}}{{admin_base_path()}}">{{$site['sitename']}}</a></li>
  42. @endforeach
  43. </ul>
  44. </div>
  45. @endif
  46. <form action="{{ admin_base_path('auth/login') }}" method="post">
  47. <p class="txt">用户名</p>
  48. <div class="form-group has-feedback {!! !$errors->has('username') ?: 'has-error' !!}">
  49. @if($errors->has('username'))
  50. @foreach($errors->get('username') as $message)
  51. <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}</label><br>
  52. @endforeach
  53. @endif
  54. <input type="input" class="form-control" placeholder="{{ trans('admin.username') }}" name="username" value="{{ old('username') }}">
  55. <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
  56. </div>
  57. <p class="txt">密码</p>
  58. <div class="form-group has-feedback {!! !$errors->has('password') ?: 'has-error' !!}">
  59. @if($errors->has('password'))
  60. @foreach($errors->get('password') as $message)
  61. <label class="control-label" for="inputError"><i class="fa fa-times-circle-o"></i>{{$message}}</label><br>
  62. @endforeach
  63. @endif
  64. <input type="password" class="form-control" placeholder="{{ trans('admin.password') }}" name="password">
  65. <span class="glyphicon glyphicon-lock form-control-feedback"></span>
  66. </div>
  67. <div class="row sub-btn">
  68. <!-- /.col -->
  69. <div class="col-xs-12">
  70. <input type="hidden" name="_token" value="{{ csrf_token() }}">
  71. <button type="submit" class="btn btn-primary btn-block btn-flat">{{ trans('admin.login') }}</button>
  72. </div>
  73. <!-- /.col -->
  74. </div>
  75. </form>
  76. </div>
  77. <!-- /.login-box-body -->
  78. </div>
  79. </div>
  80. <div class="footer">
  81. {!! config('app.owner') !!}
  82. </div>
  83. <!-- /.login-box -->
  84. <style type="text/css">
  85. html,body{height: 100%;}
  86. body{background:#3a96e9 url({{ admin_asset("/vendor/laravel-admin/AdminLTE/dist/img/login_bg.jpg")}})no-repeat !important;background-size:100% 100% !important;min-width: 550px;overflow: auto;}
  87. .login-content{min-height: 100%;}
  88. .login-content .login-box{padding-bottom: 160px;margin: 0 auto;padding-top: 7%;width: 530px;}
  89. .login-content .login-box .subsite-select{margin-bottom: 15px;}
  90. .login-content .login-box .subsite-select .subsite-box{position: relative;display: block;padding: 6px 10px;width: 310px;background-color: #fff;border: 1px solid #d2d6de;font-size: 14px;color: #666;}
  91. .login-content .login-box .subsite-select .subsite-box .caret{position: absolute;right: 10px;top: 14px;}
  92. .login-content .login-box .subsite-select .dropdown-menu>li>a{padding: 3px 10px;}
  93. .login-content .login-box .subsite-select .dropdown-menu{width: 310px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
  94. .login-content .login-box .login-logo{color: #fff;font-size: 14px;}
  95. .login-content .login-box .login-logo img{max-width: 530px;max-height: 130px;}
  96. .login-content .login-box-body{background: rgba(255,255,255,.5);border-radius: 6px;padding: 56px 110px;}
  97. .login-content .txt{font-size: 16px;}
  98. .login-content .sub-btn{margin-top: 40px;}
  99. .login-content .btn.btn-flat{background-color:#348fe0;border: none;padding: 9px 12px;border-radius: 4px;color: #fffefe;font-size: 16px;}
  100. .login-content .btn.btn-flat:hover{background-color: #106ec0;}
  101. .footer{width: 100%;height: 160px;margin-top:-160px;background-color: #106ec0;line-height: 160px;color: #fff;text-align: center;}
  102. .footer a{color: #ffffff;}
  103. .footer a:hover{text-decoration: underline;}
  104. </style>
  105. <!-- jQuery 2.1.4 -->
  106. <script src="{{ admin_asset("/vendor/laravel-admin/AdminLTE/plugins/jQuery/jQuery-2.1.4.min.js")}} "></script>
  107. <!-- Bootstrap 3.3.5 -->
  108. <script src="{{ admin_asset("/vendor/laravel-admin/AdminLTE/bootstrap/js/bootstrap.min.js")}}"></script>
  109. <!-- iCheck -->
  110. <script src="{{ admin_asset("/vendor/laravel-admin/AdminLTE/plugins/iCheck/icheck.min.js")}}"></script>
  111. <script>
  112. $(function () {
  113. $('input').iCheck({
  114. checkboxClass: 'icheckbox_square-blue',
  115. radioClass: 'iradio_square-blue',
  116. increaseArea: '20%' // optional
  117. });
  118. });
  119. </script>
  120. </body>
  121. </html>