Commit 8fe601f0d5e626b76593103ac1141d1ef6947bfa
1 parent
cec2889f
Веталь
Showing
3 changed files
with
124 additions
and
4 deletions
Show diff stats
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->params['breadcrumbs'][] = $this->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 | +} | ... | ... |