Alexey Boroda / artbox-call

Commit 39ba64e5775aee542182b9ba09935c032dee2eaf

Authored by Alexey Boroda
1 parent fc4126a3

-Some style added

Showing 3 changed files with 50 additions and 37 deletions   Show diff stats
Inline Side-by-side
frontend/views/layouts/main.php
  Show/Hide comments   View file @39ba64e
... ... @@ -6,6 +6,7 @@
6 6  
7 7 use frontend\assets\MaterializeAsset;
8 8 use yii\helpers\Html;
  9 + use yii\helpers\Url;
9 10 use yii\web\View;
10 11 use yii\widgets\Breadcrumbs;
11 12 use frontend\assets\AppAsset;
... ... @@ -28,6 +29,7 @@ JS;
28 29 <meta charset="<?= Yii::$app->charset ?>">
29 30 <meta http-equiv="X-UA-Compatible" content="IE=edge">
30 31 <meta name="viewport" content="width=device-width, initial-scale=1">
  32 + <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
31 33 <?= Html::csrfMetaTags() ?>
32 34 <title><?= Html::encode($this->title) ?></title>
33 35 <?php $this->head() ?>
... ... @@ -36,34 +38,26 @@ JS;
36 38 <?php $this->beginBody() ?>
37 39  
38 40 <div class="wrap">
39   -
40   - <ul id="slide-out" class="side-nav">
41   - <li>
42   - <div class="user-view">
43   - <div class="background">
44   - <img src="images/office.jpg">
45   - </div>
46   - <a href="#!user"><img class="circle" src="images/yuna.jpg"></a>
47   - <a href="#!name"><span class="white-text name">John Doe</span></a>
48   - <a href="#!email"><span class="white-text email">jdandturk@gmail.com</span></a>
49   - </div>
50   - </li>
51   - <li><a href="#!"><i class="material-icons">cloud</i>First Link With Icon</a></li>
52   - <li><a href="#!">Second Link</a></li>
53   - <li>
54   - <div class="divider"></div>
55   - </li>
56   - <li><a class="subheader">Subheader</a></li>
57   - <li><a class="waves-effect" href="#!">Third Link With Waves</a></li>
58   - </ul>
59   - <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
  41 +
  42 + <?php
  43 + if (!\Yii::$app->getUser()->isGuest) {
  44 + ?>
  45 + <ul id="slide-out" class="side-nav">
  46 +
  47 + <li><a href="<?= Url::to([ 'site/index' ]) ?>"><i class="material-icons">home</i>Home</a></li>
  48 + <li><a data-method="POST" href="<?= Url::to(
  49 + [ 'site/logout' ]
  50 + ) ?>"><i class="material-icons">exit_to_app</i>Logout</a>
  51 + </li>
  52 +
  53 + </ul>
  54 + <a href="#" data-activates="slide-out" class="button-collapse waves-effect waves-light btn"><i class="material-icons left">menu</i>Menu</a>
  55 + <?php
  56 + }
  57 + ?>
60 58  
61 59 <div class="container">
62   - <?= Breadcrumbs::widget(
63   - [
64   - 'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
65   - ]
66   - ) ?>
  60 +
67 61 <?= Alert::widget() ?>
68 62 <?= $content ?>
69 63 </div>
... ...
frontend/views/site/login.php
  Show/Hide comments   View file @39ba64e
... ... @@ -11,19 +11,33 @@ $this-&gt;title = &#39;Login&#39;;
11 11 $this->params['breadcrumbs'][] = $this->title;
12 12 ?>
13 13 <div class="site-login">
14   - <h1><?= Html::encode($this->title) ?></h1>
15   -
16   - <p>Please fill out the following fields to login:</p>
  14 + <div class="row">
  15 + <div class="col s4 offset-s4">
  16 + <h1><?= Html::encode($this->title) ?></h1>
  17 +
  18 + <p>Please fill out the following fields to login:</p>
  19 + </div>
  20 + </div>
17 21  
18 22 <div class="row">
19   - <div class="col-lg-5">
  23 + <div class="col s4 offset-s4">
20 24 <?php $form = ActiveForm::begin(['id' => 'login-form']); ?>
21 25  
22   - <?= $form->field($model, 'username')->textInput(['autofocus' => true]) ?>
23   -
24   - <?= $form->field($model, 'password')->passwordInput() ?>
25   -
26   - <?= $form->field($model, 'rememberMe')->checkbox() ?>
  26 + <?= $form->field($model, 'username', [
  27 + 'options' => [
  28 + 'class' => 'input-field'
  29 + ]
  30 + ])->textInput(['autofocus' => true]) ?>
  31 +
  32 + <?= $form->field($model, 'password',[
  33 + 'options' => [
  34 + 'class' => 'input-field'
  35 + ]
  36 + ])->passwordInput() ?>
  37 +
  38 + <?= $form->field($model, 'rememberMe', [
  39 + 'template' => '<p>{input}{label}</p>{error}'
  40 + ])->checkbox([], false) ?>
27 41  
28 42 <div style="color:#999;margin:1em 0">
29 43 If you forgot your password you can <?= Html::a('reset it', ['site/request-password-reset']) ?>.
... ...
frontend/web/css/site.css
  Show/Hide comments   View file @39ba64e
... ... @@ -101,9 +101,9 @@ a.desc:after {
101 101 border: none;
102 102 }
103 103  
104   -@media(max-width:767px) {
  104 +@media (max-width: 767px) {
105 105 .nav li > form > button.logout {
106   - display:block;
  106 + display: block;
107 107 text-align: left;
108 108 width: 100%;
109 109 padding: 10px 15px;
... ... @@ -118,3 +118,8 @@ a.desc:after {
118 118 .nav > li > form > button.logout:focus {
119 119 outline: none;
120 120 }
  121 +
  122 +.button-collapse {
  123 + margin-left: 20px;
  124 + margin-top: 20px;
  125 +}
121 126 \ No newline at end of file
... ...