Commit 8fe601f0d5e626b76593103ac1141d1ef6947bfa

Authored by Виталий
1 parent cec2889f

Веталь

backend/models/LoginForm.php
... ... @@ -76,4 +76,18 @@ class LoginForm extends Model
76 76  
77 77 return $this->_user;
78 78 }
  79 +
  80 + /**
  81 + * @inheritdoc
  82 + */
  83 + public function attributeLabels()
  84 + {
  85 + return [
  86 +
  87 + 'username' => 'Имя пользователя',
  88 + 'password' => 'Пароль',
  89 + 'rememberMe' => 'Запомнить пароль',
  90 +
  91 + ];
  92 + }
79 93 }
... ...
backend/views/site/login.php
... ... @@ -12,13 +12,15 @@ $this->params['breadcrumbs'][] = $this->title;
12 12 ?>
13 13 <div class="site-login">
14 14 <div class="container">
15   - <h1><?= Html::encode($this->title) ?></h1>
16 15  
17   - <p>Please fill out the following fields to login:</p>
18 16  
19 17 <div class="row">
20 18 <div class="col-xs-3"></div>
21   - <div class="col-lg-6">
  19 + <div class="col-lg-6 new_admin_form">
  20 + <div class="artbox_logo-wr"><div class="artbox_logo">ArtBox</div></div>
  21 + <div class="artbox_logo_txt">управление интернет магазином</div>
  22 +<!-- <h1>--><?//= Html::encode($this->title) ?><!--</h1>-->
  23 +<!-- <p>Пожалуйста, заполните следующие поля для входа</p>-->
22 24 <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
23 25  
24 26 <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
... ... @@ -28,7 +30,7 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title;
28 30 <?= $form->field($model, 'rememberMe')->checkbox() ?>
29 31  
30 32 <div class="form-group">
31   - <?= Html::submitButton('Login', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
  33 + <?= Html::submitButton('Войти', ['class' => 'btn btn-primary', 'name' => 'login-button']) ?>
32 34 </div>
33 35  
34 36 <?php ActiveForm::end(); ?>
... ...
backend/web/css/site.css
... ... @@ -103,3 +103,107 @@ a.desc:after {
103 103 .nav > li > form > button:hover {
104 104 text-decoration: none;
105 105 }
  106 +.new_admin_form input {
  107 + border: 1px solid #95ba2f !important;
  108 +}
  109 +.new_admin_form h1, .new_admin_form p, .new_admin_form label {color: #bdbdbd !important; font-weight: 400 !important;}
  110 +.new_admin_form .btn {
  111 + background: #95ba2f !important;
  112 + border-radius: 4px !important;
  113 + height: 29px !important;
  114 + text-transform: uppercase !important;
  115 + color: #ffffff !important;
  116 + text-decoration: none !important;
  117 + font-weight: 600 !important;
  118 + text-align: center !important;
  119 + border-bottom: 3px solid #799920 !important;
  120 + font-size: 12px !important;
  121 + outline: none !important;
  122 + border-top: none;
  123 + border-left: none;
  124 + border-right: none;
  125 +}
  126 +.new_admin_form .btn:focus {
  127 + box-shadow: none !important;
  128 +}
  129 +.new_admin_form .btn:hover {
  130 + border-bottom: 3px solid #95ba2f !important;
  131 +}
  132 +.new_admin_form .btn:active {
  133 + border-bottom: 3px solid #799920 !important;
  134 + background: #799920 !important;
  135 +}
  136 +.artbox_logo-wr {
  137 + perspective: 250px;
  138 +}
  139 +.artbox_logo {
  140 + text-align: center;
  141 + font-size: 42px;
  142 + color: #fff;
  143 + text-transform: uppercase;
  144 + margin-top: 9px;
  145 + -webkit-animation-name:anim_artbox;
  146 + -moz-animation-name:anim_artbox;
  147 + animation-name:anim_artbox;
  148 + -webkit-animation-duration:4.7s;
  149 + -moz-animation-duration:4.7s;
  150 + animation-duration:4.7s;
  151 + -webkit-animation-timing-function:linear;
  152 + -moz-animation-timing-function:linear;
  153 + animation-timing-function:linear;
  154 + -webkit-animation-iteration-count:infinite;
  155 + -moz-animation-iteration-count:infinite;
  156 + animation-iteration-count:infinite;
  157 + /*-webkit-animation-play-state:running;*/
  158 + /*-moz-animation-play-state:running;*/
  159 + /*animation-play-state:running*/
  160 + -webkit-animation-play-state:paused;
  161 + -moz-animation-play-state:paused;
  162 + animation-play-state:paused;
  163 +}
  164 +@-webkit-keyframes anim_artbox {
  165 + 0%
  166 + {
  167 + -webkit-transform:rotateY(0deg)
  168 + }
  169 +
  170 + 100%
  171 + {
  172 + -webkit-transform:rotateY(360deg)
  173 + }
  174 +}
  175 +
  176 +@-moz-keyframes anim_artbox {
  177 + 0%
  178 + {
  179 + -moz-transform:rotateY(0deg)
  180 + }
  181 +
  182 + 100%
  183 + {
  184 + -moz-transform:rotateY(360deg)
  185 + }
  186 +}
  187 +
  188 +@keyframes anim_artbox {
  189 + 0%
  190 + {
  191 + transform:rotateY(0deg)
  192 + }
  193 +
  194 + 100%
  195 + {
  196 + transform:rotateY(360deg)
  197 + }
  198 +}
  199 +.artbox_logo_txt {
  200 + text-align: center;
  201 + font-size: 15px;
  202 + color: #fff;
  203 + margin-bottom: 11px;
  204 +}
  205 +.new_admin_form .help-block {
  206 + color: #d80400 !important;
  207 + text-align: center;
  208 + font-size: 13px !important;
  209 +}
... ...