dev-fsociety/CrisisFlag
1
0
Fork 0
Code Releases Activity

start Users login

Browse Source
This commit is contained in:
KansassCityShuffle 2015-12-03 22:08:25 +01:00
parent dd11f1bd42
commit 2b3c131964
5 changed files with 89 additions and 17 deletions
src/Template
Crisis
add.ctp
Layout
default.ctp
Users
login.ctp
webroot/css
footer.cssusers_login.css

2
src/Template/Crisis/add.ctp

@ -9,7 +9,7 @@
<div class="crisis form large-9 medium-8 columns content">
<?= $this->Form->create($crisi) ?>
<fieldset>
<legend><?= __('Add Crisi') ?></legend>
<legend><?= __('Add Crisis') ?></legend>
<?php
echo $this->Form->input('abstract');
echo $this->Form->input('severity');

8
src/Template/Layout/default.ctp

@ -64,10 +64,10 @@
<ul class="off-canvas-list">
<li><label>Menu</label></li>
<li><?= $this->Html->link(__('Home'), ['controller'=>'Home', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Articles'), ['controller'=>'Articles', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Crisis'), ['controller'=>'Crisis', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Infos'), ['controller'=>'Infos', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Users'), ['controller'=>'Users', 'action' => 'add']) ?></li>
<li><?= $this->Html->link(__('Articles'), ['controller'=>'Articles', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Crisis'), ['controller'=>'Crisis', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Infos'), ['controller'=>'Infos', 'action' => 'index']) ?></li>
<li><?= $this->Html->link(__('Log in'), ['controller'=>'Users', 'action' => 'login']) ?></li>
</ul>
</nav>

33
src/Template/Users/login.ctp

@ -1,12 +1,23 @@
<div class="users form">
<?= $this->Flash->render('auth'); ?>
<?= $this->Form->create(); ?>
<fieldset>
<legend><?= __("Portail d'Authentification") ?></legend>
<?= $this->Form->input('username'); ?>
<?= $this->Form->input('password'); ?>
</fieldset>
<?= $this->Form->button(__('Login')); ?>
<?= $this->Form->end(); ?>
</div>
<?php $this->assign('css', 'users_login.css');?>
<div class="formclass">
<div class="row">
<div class="medium-6 medium-centered large-4 large-centered columns">
<form>
<div class="row column log-in-form">
<h4 class="text-center">Log in with your email account</h4>
<label>Email
<input type="text" placeholder="somebody@example.com">
</label>
<label>Password
<input type="text" placeholder="Password">
</label>
<input id="show-password" type="checkbox"><label for="show-password">Show password</label>
<p><a type="submit" class="log-in-button">Log In</a></p>
<p class="text-center"><a href="#">Forgot your password?</a></p>
</div>
</form>
</div>
</div>
</div>

2
webroot/css/footer.css

@ -12,7 +12,7 @@
.footer {
margin-top: 10.5%;
background-color: #202020;
background-color: #303030;
text-align: center;
font-size: 1.2rem;
padding: 3rem;

61
webroot/css/users_login.css Normal file

@ -0,0 +1,61 @@
/***************/
/* Users login */
/***************/
/* Form */
.formclass {
margin-top: 5%;
}
.log-in-form {
border: 1px solid #cacaca;
padding: 1rem;
border-radius: 3px;
}
.log-in-button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 1000px;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: normal;
margin: 0 0 1rem;
margin-top: 12px;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
font-size: 0.6875rem;
background-color: #008CBA;
border-color: #007095;
color: #FFFFFF;
transition: background-color 300ms ease-out;
width: 100%;
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-family: Bow;
}
.log-in-button:hover {
color: #030303;
}
.log-in-button:focus {
color: #030303;
}