mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-05-24 02:14:21 -04:00
Add login page styling
This commit is contained in:
Joshua Dwire
parent
d096c20904
commit
4adc3a798a
@ -55,9 +55,13 @@ elixir(function(mix) {
|
||||
'style.css',
|
||||
'sidebar.css',
|
||||
'colors.css',
|
||||
'fonts.css'
|
||||
'fonts.css',
|
||||
], 'public/css/built.css');
|
||||
|
||||
mix.styles([
|
||||
'login.css'
|
||||
], 'public/css/built.login.css');
|
||||
|
||||
mix.styles([
|
||||
bowerDir + '/bootstrap-daterangepicker/daterangepicker.css'
|
||||
], 'public/css/daterangepicker.css');
|
||||
|
||||
68347
public/built.js
68347
public/built.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
13553
public/css/built.css
vendored
13553
public/css/built.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
323
public/css/built.login.css
vendored
Normal file
323
public/css/built.login.css
vendored
Normal file
@ -0,0 +1,323 @@
|
||||
.container {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
hr.green {
|
||||
background: #5ebb5e;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
width: 55px;
|
||||
height: 4px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/****** HEADER ********************************************************************/
|
||||
|
||||
.row.header {
|
||||
background: #3c3b3b; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #3c3b3b 0%, #2f2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3b3b', endColorstr='#2f2c2c', GradientType=0); /* IE6-9 */
|
||||
padding: 30px 55px;
|
||||
margin-bottom: 95px;
|
||||
}
|
||||
|
||||
.row.header .text-right {
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.header .col-md-6.col-xs-12.text-center {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/****** FORM ********************************************************************/
|
||||
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
padding: 15px;
|
||||
margin: 0 auto;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.form-signin .form-signin-heading,
|
||||
.form-signin .checkbox {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.form-signin .form-control {
|
||||
position: relative;
|
||||
height: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.form-signin input:not(:last-child) {
|
||||
margin-bottom: -1px;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.form-signin input:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.form-signin input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.form-signin h2 {
|
||||
font-weight: 200;
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.existing-accounts {
|
||||
margin-top: 60px;
|
||||
text-align: center;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.row.existing-accounts a {
|
||||
width: 100%;
|
||||
font-size: 22px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.row.meta {
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
color: #464545;
|
||||
letter-spacing: 2px;
|
||||
padding: 13px 0 0 0;
|
||||
}
|
||||
|
||||
.row.meta .col-md-7, .row.meta .col-md-5 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.meta a {
|
||||
color: #9b9c9b;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.row.meta .col-md-7 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.row.meta .col-md-5 {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/****** SIGN UP ********************************************************************/
|
||||
|
||||
.row.sign-up {
|
||||
margin-top: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.sign-up h3 {
|
||||
font-size: 26px;
|
||||
font-weight: 200;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.row.sign-up p {
|
||||
font-size: 17px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.row.sign-up button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3 {
|
||||
border-top: 1px solid #eee;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3:nth-child(2) {
|
||||
border-left: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.sign-up {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3 {
|
||||
padding: 40px 0 30px 0
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3:nth-child(2) {
|
||||
border-left: 1px solid #eee;
|
||||
padding-left: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/****** SIGN UP ********************************************************************/
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
border-radius: 3px;
|
||||
font-size: 15px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #474646 0%, #3d3d3d 100%);
|
||||
background-image: -o-linear-gradient(top, #474646 0%, #3d3d3d 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#474646), to(#3d3d3d));
|
||||
background-image: linear-gradient(to bottom, #474646 0%, #3d3d3d 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #3d3d3d;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #3d3d3d;
|
||||
border-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.btn-primary.green {
|
||||
background-image: -webkit-linear-gradient(top, #62c362 0%, #5cb85c 100%);
|
||||
background-image: -o-linear-gradient(top, #62c362 0%, #5cb85c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#62c362), to(#5cb85c));
|
||||
background-image: linear-gradient(to bottom, #62c362 0%, #5cb85c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-primary.green:hover,
|
||||
.btn-primary.green:focus {
|
||||
background-color: #5cb85c;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary.green:active,
|
||||
.btn-primary.green.active {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-primary.blue {
|
||||
background-image: -webkit-linear-gradient(top, #3e8ccc 0%, #377db6 100%);
|
||||
background-image: -o-linear-gradient(top, #3e8ccc 0%, #377db6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3e8ccc), to(#377db6));
|
||||
background-image: linear-gradient(to bottom, #3e8ccc 0%, #377db6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #377db6;
|
||||
}
|
||||
|
||||
.btn-primary.blue:hover,
|
||||
.btn-primary.blue:focus {
|
||||
background-color: #377db6;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary.blue:active,
|
||||
.btn-primary.blue.active {
|
||||
background-color: #377db6;
|
||||
border-color: #377db6;
|
||||
}
|
||||
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
fieldset[disabled] .btn-primary,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary[disabled]:focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary[disabled].focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary[disabled]:active,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #3d3d3d;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
|
||||
.form-signin .form-control {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: 1px solid #e8e8
|
||||
/*# sourceMappingURL=built.login.css.map */
|
||||
1
public/css/built.login.css.map
Normal file
1
public/css/built.login.css.map
Normal file
File diff suppressed because one or more lines are too long
9695
public/css/built.public.css
vendored
9695
public/css/built.public.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
271
public/css/daterangepicker.css
vendored
271
public/css/daterangepicker.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
69
public/css/login.css
vendored
Normal file
69
public/css/login.css
vendored
Normal file
@ -0,0 +1,69 @@
|
||||
body {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.modal-header {
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
background-color: #337ab7;
|
||||
}
|
||||
.modal-header h4 {
|
||||
margin:0;
|
||||
color:#fff;
|
||||
}
|
||||
.modal-header img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
p.link a {
|
||||
font-size: 11px;
|
||||
}
|
||||
.form-signin .inner {
|
||||
padding: 20px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-signin .form-control {
|
||||
margin-bottom: 17px !important;
|
||||
}
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.modal-header a:link,
|
||||
.modal-header a:visited,
|
||||
.modal-header a:hover,
|
||||
.modal-header a:active {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 9px 12px;
|
||||
font-size: 16px;
|
||||
line-height: 1.42857143;
|
||||
color: #000 !important;
|
||||
background: #f9f9f9 !important;
|
||||
background-image: none;
|
||||
border: 1px solid #dfe0e1;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
}
|
||||
/*# sourceMappingURL=login.css.map */
|
||||
1
public/css/login.css.map
Normal file
1
public/css/login.css.map
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sources":["login.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"login.css","sourcesContent":["body {\n padding-top: 40px;\n padding-bottom: 40px;\n}\n.modal-header {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n background-color: #337ab7;\n}\n.modal-header h4 {\n margin:0;\n color:#fff;\n}\n.modal-header img {\n float: left;\n margin-right: 20px;\n}\n.form-signin {\n max-width: 400px;\n margin: 0 auto;\n background: #fff;\n}\np.link a {\n font-size: 11px;\n}\n.form-signin .inner {\n padding: 20px;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n border-left: 1px solid #ddd;\n border-right: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n}\n.form-signin .checkbox {\n font-weight: normal;\n}\n.form-signin .form-control {\n margin-bottom: 17px !important;\n}\n.form-signin .form-control:focus {\n z-index: 2;\n}\n\n.modal-header a:link,\n.modal-header a:visited,\n.modal-header a:hover,\n.modal-header a:active {\n text-decoration: none;\n color: white;\n}\n\n.form-control {\n display: block;\n width: 100%;\n height: 40px;\n padding: 9px 12px;\n font-size: 16px;\n line-height: 1.42857143;\n color: #000 !important;\n background: #f9f9f9 !important;\n background-image: none;\n border: 1px solid #dfe0e1;\n border-radius: 2px;\n -webkit-box-shadow: none;\n box-shadow: none;\n -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;\n}"],"sourceRoot":"/source/"}
|
||||
486
public/css/select2.css
vendored
486
public/css/select2.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
4
public/css/tablesorter.css
vendored
4
public/css/tablesorter.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
public/images/invoiceninja-logox53.png
Normal file
BIN
public/images/invoiceninja-logox53.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
10530
public/js/Chart.min.js
vendored
10530
public/js/Chart.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
9559
public/js/d3.min.js
vendored
9559
public/js/d3.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1629
public/js/daterangepicker.min.js
vendored
1629
public/js/daterangepicker.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
81
public/js/jSignature.min.js
vendored
81
public/js/jSignature.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5882
public/js/select2.min.js
vendored
5882
public/js/select2.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
5853
public/js/tablesorter.min.js
vendored
5853
public/js/tablesorter.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
74417
public/pdf.built.js
74417
public/pdf.built.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
322
resources/assets/css/login.css
vendored
Normal file
322
resources/assets/css/login.css
vendored
Normal file
@ -0,0 +1,322 @@
|
||||
.container {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
hr.green {
|
||||
background: #5ebb5e;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 30px;
|
||||
width: 55px;
|
||||
height: 4px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/****** HEADER ********************************************************************/
|
||||
|
||||
.row.header {
|
||||
background: #3c3b3b; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to bottom, #3c3b3b 0%, #2f2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3b3b', endColorstr='#2f2c2c', GradientType=0); /* IE6-9 */
|
||||
padding: 30px 55px;
|
||||
margin-bottom: 95px;
|
||||
}
|
||||
|
||||
.row.header .text-right {
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.header .col-md-6.col-xs-12.text-center {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/****** FORM ********************************************************************/
|
||||
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
padding: 15px;
|
||||
margin: 0 auto;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.form-signin .form-signin-heading,
|
||||
.form-signin .checkbox {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.form-signin .form-control {
|
||||
position: relative;
|
||||
height: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.form-signin input:not(:last-child) {
|
||||
margin-bottom: -1px;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.form-signin input:not(:first-child) {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
|
||||
.form-signin input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-block {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.form-signin h2 {
|
||||
font-weight: 200;
|
||||
font-size: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.existing-accounts {
|
||||
margin-top: 60px;
|
||||
text-align: center;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.row.existing-accounts a {
|
||||
width: 100%;
|
||||
font-size: 22px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.row.meta {
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
color: #464545;
|
||||
letter-spacing: 2px;
|
||||
padding: 13px 0 0 0;
|
||||
}
|
||||
|
||||
.row.meta .col-md-7, .row.meta .col-md-5 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.meta a {
|
||||
color: #9b9c9b;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.row.meta .col-md-7 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.row.meta .col-md-5 {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
/****** SIGN UP ********************************************************************/
|
||||
|
||||
.row.sign-up {
|
||||
margin-top: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.row.sign-up h3 {
|
||||
font-size: 26px;
|
||||
font-weight: 200;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.row.sign-up p {
|
||||
font-size: 17px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.row.sign-up button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3 {
|
||||
border-top: 1px solid #eee;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3:nth-child(2) {
|
||||
border-left: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 64.063em) {
|
||||
.row.sign-up {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3 {
|
||||
padding: 40px 0 30px 0
|
||||
}
|
||||
|
||||
.row.sign-up .col-md-3:nth-child(2) {
|
||||
border-left: 1px solid #eee;
|
||||
padding-left: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
/****** SIGN UP ********************************************************************/
|
||||
|
||||
.btn {
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
border-radius: 3px;
|
||||
font-size: 15px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-image: -webkit-linear-gradient(top, #474646 0%, #3d3d3d 100%);
|
||||
background-image: -o-linear-gradient(top, #474646 0%, #3d3d3d 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#474646), to(#3d3d3d));
|
||||
background-image: linear-gradient(to bottom, #474646 0%, #3d3d3d 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.btn-primary:hover,
|
||||
.btn-primary:focus {
|
||||
background-color: #3d3d3d;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary:active,
|
||||
.btn-primary.active {
|
||||
background-color: #3d3d3d;
|
||||
border-color: #3d3d3d;
|
||||
}
|
||||
|
||||
.btn-primary.green {
|
||||
background-image: -webkit-linear-gradient(top, #62c362 0%, #5cb85c 100%);
|
||||
background-image: -o-linear-gradient(top, #62c362 0%, #5cb85c 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#62c362), to(#5cb85c));
|
||||
background-image: linear-gradient(to bottom, #62c362 0%, #5cb85c 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-primary.green:hover,
|
||||
.btn-primary.green:focus {
|
||||
background-color: #5cb85c;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary.green:active,
|
||||
.btn-primary.green.active {
|
||||
background-color: #5cb85c;
|
||||
border-color: #5cb85c;
|
||||
}
|
||||
|
||||
.btn-primary.blue {
|
||||
background-image: -webkit-linear-gradient(top, #3e8ccc 0%, #377db6 100%);
|
||||
background-image: -o-linear-gradient(top, #3e8ccc 0%, #377db6 100%);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3e8ccc), to(#377db6));
|
||||
background-image: linear-gradient(to bottom, #3e8ccc 0%, #377db6 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
background-repeat: repeat-x;
|
||||
border-color: #377db6;
|
||||
}
|
||||
|
||||
.btn-primary.blue:hover,
|
||||
.btn-primary.blue:focus {
|
||||
background-color: #377db6;
|
||||
background-position: 0 -15px;
|
||||
}
|
||||
|
||||
.btn-primary.blue:active,
|
||||
.btn-primary.blue.active {
|
||||
background-color: #377db6;
|
||||
border-color: #377db6;
|
||||
}
|
||||
|
||||
.btn-primary.disabled,
|
||||
.btn-primary[disabled],
|
||||
fieldset[disabled] .btn-primary,
|
||||
.btn-primary.disabled:hover,
|
||||
.btn-primary[disabled]:hover,
|
||||
fieldset[disabled] .btn-primary:hover,
|
||||
.btn-primary.disabled:focus,
|
||||
.btn-primary[disabled]:focus,
|
||||
fieldset[disabled] .btn-primary:focus,
|
||||
.btn-primary.disabled.focus,
|
||||
.btn-primary[disabled].focus,
|
||||
fieldset[disabled] .btn-primary.focus,
|
||||
.btn-primary.disabled:active,
|
||||
.btn-primary[disabled]:active,
|
||||
fieldset[disabled] .btn-primary:active,
|
||||
.btn-primary.disabled.active,
|
||||
.btn-primary[disabled].active,
|
||||
fieldset[disabled] .btn-primary.active {
|
||||
background-color: #3d3d3d;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-default,
|
||||
.btn-primary,
|
||||
.btn-success,
|
||||
.btn-info,
|
||||
.btn-warning,
|
||||
.btn-danger {
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||
}
|
||||
|
||||
.btn-default:active,
|
||||
.btn-primary:active,
|
||||
.btn-success:active,
|
||||
.btn-info:active,
|
||||
.btn-warning:active,
|
||||
.btn-danger:active,
|
||||
.btn-default.active,
|
||||
.btn-primary.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||
}
|
||||
|
||||
.form-signin .form-control {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border: 1px solid #e8e8
|
||||
@ -2359,6 +2359,12 @@ $LANG = array(
|
||||
'reports_help' => 'Shift + Click to sort by multple columns, Ctrl + Click to clear the grouping.',
|
||||
'this_year' => 'This Year',
|
||||
|
||||
// Updated login screen
|
||||
'ninja_tagline' => 'Create. Send. Get Paid.',
|
||||
'login_or_existing' => 'Or login with an existing account.',
|
||||
'sign_up_now' => 'Sign Up Now',
|
||||
'not_a_member_yet' => 'Not a member yet?',
|
||||
'login_create_an_account' => 'Create an Account!',
|
||||
);
|
||||
|
||||
return $LANG;
|
||||
|
||||
@ -1,165 +1,91 @@
|
||||
@extends('master')
|
||||
@extends('login')
|
||||
|
||||
@section('head')
|
||||
|
||||
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/built.public.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.modal-header {
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
background-color: #337ab7;
|
||||
}
|
||||
.modal-header h4 {
|
||||
margin:0;
|
||||
color:#fff;
|
||||
}
|
||||
.modal-header img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
p.link a {
|
||||
font-size: 11px;
|
||||
}
|
||||
.form-signin .inner {
|
||||
padding: 20px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-signin .form-control {
|
||||
margin-bottom: 17px !important;
|
||||
}
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.modal-header a:link,
|
||||
.modal-header a:visited,
|
||||
.modal-header a:hover,
|
||||
.modal-header a:active {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 9px 12px;
|
||||
font-size: 16px;
|
||||
line-height: 1.42857143;
|
||||
color: #000 !important;
|
||||
background: #f9f9f9 !important;
|
||||
background-image: none;
|
||||
border: 1px solid #dfe0e1;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@endsection
|
||||
|
||||
@section('body')
|
||||
<div class="container">
|
||||
@section('form')
|
||||
|
||||
@include('partials.warn_session', ['redirectTo' => '/logout?reason=inactivity'])
|
||||
|
||||
{!! Former::open('login')
|
||||
->rules(['email' => 'required|email', 'password' => 'required'])
|
||||
->addClass('form-signin') !!}
|
||||
{{ Former::populateField('remember', 'true') }}
|
||||
<div class="container">
|
||||
|
||||
<div class="modal-header">
|
||||
@if (Utils::isWhiteLabel())
|
||||
<h4>{{ trans('texts.account_login') }}</h4>
|
||||
@else
|
||||
<a href="{{ NINJA_WEB_URL }}" target="_blank">
|
||||
<img src="{{ asset('images/icon-login.png') }}" />
|
||||
<h4>Invoice Ninja | {{ trans('texts.account_login') }}</h4>
|
||||
</a>
|
||||
{!! Former::open('login')
|
||||
->rules(['email' => 'required|email', 'password' => 'required'])
|
||||
->addClass('form-signin') !!}
|
||||
|
||||
<h2 class="form-signin-heading">{{ trans('texts.account_login') }}</h2>
|
||||
<hr class="green">
|
||||
|
||||
@if (count($errors->all()))
|
||||
<div class="alert alert-danger">
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="inner">
|
||||
<p>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email_address'))->raw() !!}
|
||||
{!! Former::password('password')->placeholder(trans('texts.password'))->raw() !!}
|
||||
{!! Former::hidden('remember')->raw() !!}
|
||||
</p>
|
||||
|
||||
<p>{!! Button::success(trans('texts.login'))
|
||||
->withAttributes(['id' => 'loginButton'])
|
||||
->large()->submit()->block() !!}</p>
|
||||
@if (Session::has('warning'))
|
||||
<div class="alert alert-warning">{!! Session::get('warning') !!}</div>
|
||||
@endif
|
||||
|
||||
@if (Input::get('new_company') && Utils::allowNewAccounts())
|
||||
{!! Former::hidden('link_accounts')->value('true') !!}
|
||||
<center><p>- {{ trans('texts.or') }} -</p></center>
|
||||
<p>{!! Button::primary(trans('texts.new_company'))->asLinkTo(URL::to('/invoice_now?new_company=true&sign_up=true'))->large()->submit()->block() !!}</p><br/>
|
||||
@elseif (Utils::isOAuthEnabled())
|
||||
<center><p>- {{ trans('texts.or') }} -</p></center>
|
||||
<div class="row">
|
||||
@if (Session::has('message'))
|
||||
<div class="alert alert-info">{!! Session::get('message') !!}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('error'))
|
||||
<div class="alert alert-danger">
|
||||
<li>{!! Session::get('error') !!}</li>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{ Former::populateField('remember', 'true') }}
|
||||
|
||||
<div>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email_address'))->raw() !!}
|
||||
{!! Former::password('password')->placeholder(trans('texts.password'))->raw() !!}
|
||||
</div>
|
||||
{!! Former::hidden('remember')->raw() !!}
|
||||
|
||||
{!! Button::success(trans('texts.login'))
|
||||
->withAttributes(['id' => 'loginButton', 'class' => 'green'])
|
||||
->large()->submit()->block() !!}
|
||||
|
||||
@if (Utils::isOAuthEnabled())
|
||||
<div class="row existing-accounts">
|
||||
<p>{{ trans('texts.login_or_existing') }}</p>
|
||||
@foreach (App\Services\AuthService::$providers as $provider)
|
||||
<div class="col-md-6">
|
||||
<a href="{{ URL::to('auth/' . $provider) }}" class="btn btn-primary btn-block social-login-button" id="{{ strtolower($provider) }}LoginButton">
|
||||
<i class="fa fa-{{ strtolower($provider) }}"></i>
|
||||
{{ $provider }}
|
||||
</a><br/>
|
||||
<div class="col-md-3 col-xs-6">
|
||||
<a href="{{ URL::to('auth/' . $provider) }}" class="btn btn-primary btn-lg"
|
||||
id="{{ strtolower($provider) }}LoginButton">
|
||||
@if($provider == SOCIAL_GITHUB)
|
||||
<i class="fa fa-github-alt"></i>
|
||||
@else
|
||||
<i class="fa fa-{{ strtolower($provider) }}"></i>
|
||||
@endif
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<p class="link">
|
||||
{!! link_to('/recover_password', trans('texts.recover_password'), ['class' => 'pull-left']) !!}
|
||||
{!! link_to(NINJA_WEB_URL.'/knowledgebase/', trans('texts.knowledge_base'), ['target' => '_blank', 'class' => 'pull-right']) !!}
|
||||
</p>
|
||||
<br/>
|
||||
|
||||
@if (count($errors->all()))
|
||||
<div class="alert alert-danger">
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('warning'))
|
||||
<div class="alert alert-warning">{!! Session::get('warning') !!}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('message'))
|
||||
<div class="alert alert-info">{!! Session::get('message') !!}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('error'))
|
||||
<div class="alert alert-danger"><li>{!! Session::get('error') !!}</li></div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="row meta">
|
||||
<div class="col-md-7 col-sm-12">
|
||||
{!! link_to('/recover_password', trans('texts.recover_password')) !!}
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-12">
|
||||
{!! link_to(NINJA_WEB_URL.'/knowledgebase/', trans('texts.knowledge_base'), ['target' => '_blank']) !!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{!! Former::close() !!}
|
||||
|
||||
<p/>
|
||||
|
||||
@if(Utils::allowNewAccounts())
|
||||
<div class="row sign-up">
|
||||
<div class="col-md-3 col-md-offset-3 col-xs-12">
|
||||
<h3>{{trans('texts.not_a_member_yet')}}</h3>
|
||||
<p>{{trans('texts.login_create_an_account')}}</p>
|
||||
</div>
|
||||
<div class="col-md-3 col-xs-12">
|
||||
{!! Button::primary(trans('texts.sign_up_now'))->asLinkTo(URL::to('/invoice_now?sign_up=true'))->withAttributes(['class' => 'blue'])->large()->submit()->block() !!}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -1,99 +1,12 @@
|
||||
@extends('master')
|
||||
@extends('login')
|
||||
|
||||
@section('head')
|
||||
|
||||
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/built.public.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.modal-header {
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
background-color: #337ab7;
|
||||
color: #FFf;
|
||||
}
|
||||
.modal-header h4 {
|
||||
margin:0;
|
||||
}
|
||||
.modal-header img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
p.link a {
|
||||
font-size: 11px;
|
||||
}
|
||||
.form-signin .inner {
|
||||
padding: 20px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-signin .form-control {
|
||||
margin-bottom: 17px !important;
|
||||
}
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 9px 12px;
|
||||
font-size: 16px;
|
||||
line-height: 1.42857143;
|
||||
color: #000 !important;
|
||||
background: #f9f9f9 !important;
|
||||
background-image: none;
|
||||
border: 1px solid #dfe0e1;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@stop
|
||||
|
||||
@section('body')
|
||||
@section('form')
|
||||
<div class="container">
|
||||
|
||||
{!! Former::open('recover_password')->rules(['email' => 'required|email'])->addClass('form-signin') !!}
|
||||
<div class="modal-header">
|
||||
@if (Utils::isWhiteLabel())
|
||||
<h4>{{ trans('texts.password_recovery') }}</h4>
|
||||
@else
|
||||
<a href="{{ NINJA_WEB_URL }}" target="_blank">
|
||||
<img src="{{ asset('images/icon-login.png') }}" />
|
||||
</a>
|
||||
<h4>Invoice Ninja | {{ trans('texts.password_recovery') }}</h4>
|
||||
@endif
|
||||
</div>
|
||||
<div class="inner">
|
||||
|
||||
<p>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email_address'))->raw() !!}
|
||||
</p>
|
||||
|
||||
<p>
|
||||
{!! Button::success(trans('texts.send_email'))->large()->submit()->block() !!}
|
||||
</p>
|
||||
<h2 class="form-signin-heading">{{ trans('texts.password_recovery') }}</h2>
|
||||
<hr class="green">
|
||||
|
||||
@if (count($errors->all()))
|
||||
<div class="alert alert-danger">
|
||||
@ -109,23 +22,27 @@
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- if there are login errors, show them here -->
|
||||
<!-- if there are login errors, show them here -->
|
||||
@if (Session::has('warning'))
|
||||
<div class="alert alert-warning">{{ Session::get('warning') }}</div>
|
||||
<div class="alert alert-warning">{{ Session::get('warning') }}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('message'))
|
||||
<div class="alert alert-info">{{ Session::get('message') }}</div>
|
||||
<div class="alert alert-info">{{ Session::get('message') }}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('error'))
|
||||
<div class="alert alert-danger">{{ Session::get('error') }}</div>
|
||||
<div class="alert alert-danger">{{ Session::get('error') }}</div>
|
||||
@endif
|
||||
|
||||
<div>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email_address'))->raw() !!}
|
||||
</div>
|
||||
{!! Button::success(trans('texts.send_email'))->large()->submit()->withAttributes(['class' => 'green'])->block() !!}
|
||||
|
||||
{!! Former::close() !!}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
@ -1,77 +1,6 @@
|
||||
@extends('master')
|
||||
@extends('login')
|
||||
|
||||
@section('head')
|
||||
|
||||
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/built.public.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.modal-header {
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
background-color: #337ab7;
|
||||
color: #FFF;
|
||||
}
|
||||
.modal-header h4 {
|
||||
margin:0;
|
||||
}
|
||||
.modal-header img {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.form-signin {
|
||||
max-width: 400px;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
p.link a {
|
||||
font-size: 11px;
|
||||
}
|
||||
.form-signin .inner {
|
||||
padding: 20px;
|
||||
border-bottom-right-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.form-signin .checkbox {
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-signin .form-control {
|
||||
margin-bottom: 17px !important;
|
||||
}
|
||||
.form-signin .form-control:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 9px 12px;
|
||||
font-size: 16px;
|
||||
line-height: 1.42857143;
|
||||
color: #000 !important;
|
||||
background: #f9f9f9 !important;
|
||||
background-image: none;
|
||||
border: 1px solid #dfe0e1;
|
||||
border-radius: 2px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
@stop
|
||||
|
||||
@section('body')
|
||||
@section('form')
|
||||
<div class="container">
|
||||
|
||||
{!! Former::open('/password/reset')->addClass('form-signin')->rules(array(
|
||||
@ -79,22 +8,8 @@
|
||||
'password_confirmation' => 'required',
|
||||
)) !!}
|
||||
|
||||
<div class="modal-header">
|
||||
<img src="{{ asset('images/icon-login.png') }}" />
|
||||
<h4>Invoice Ninja | {{ trans('texts.set_password') }}</h4></div>
|
||||
<div class="inner">
|
||||
|
||||
<input type="hidden" name="token" value="{{{ $token }}}">
|
||||
|
||||
<p>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email'))->raw() !!}
|
||||
{!! Former::password('password')->placeholder(trans('texts.password'))->raw() !!}
|
||||
{!! Former::password('password_confirmation')->placeholder(trans('texts.confirm_password'))->raw() !!}
|
||||
|
||||
</p>
|
||||
|
||||
<p>{!! Button::success(trans('texts.save'))->large()->submit()->block() !!}</p>
|
||||
|
||||
<h2 class="form-signin-heading">{{ trans('texts.set_password') }}</h2>
|
||||
<hr class="green">
|
||||
|
||||
@if (count($errors->all()))
|
||||
<div class="alert alert-danger">
|
||||
@ -106,27 +21,34 @@
|
||||
|
||||
<!-- if there are login errors, show them here -->
|
||||
@if (Session::has('warning'))
|
||||
<div class="alert alert-warning">{{ Session::get('warning') }}</div>
|
||||
<div class="alert alert-warning">{{ Session::get('warning') }}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('message'))
|
||||
<div class="alert alert-info">{{ Session::get('message') }}</div>
|
||||
<div class="alert alert-info">{{ Session::get('message') }}</div>
|
||||
@endif
|
||||
|
||||
@if (Session::has('error'))
|
||||
<div class="alert alert-danger">{{ Session::get('error') }}</div>
|
||||
<div class="alert alert-danger">{{ Session::get('error') }}</div>
|
||||
@endif
|
||||
|
||||
<input type="hidden" name="token" value="{{{ $token }}}">
|
||||
|
||||
<div>
|
||||
{!! Former::text('email')->placeholder(trans('texts.email'))->raw() !!}
|
||||
{!! Former::password('password')->placeholder(trans('texts.password'))->raw() !!}
|
||||
{!! Former::password('password_confirmation')->placeholder(trans('texts.confirm_password'))->raw() !!}
|
||||
</div>
|
||||
|
||||
<p>{!! Button::success(trans('texts.save'))->large()->submit()->withAttributes(['class' => 'green'])->block() !!}</p>
|
||||
|
||||
|
||||
{!! Former::close() !!}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
$('#email').focus();
|
||||
})
|
||||
</script>
|
||||
|
||||
@stop
|
||||
@endsection
|
||||
|
||||
24
resources/views/login.blade.php
Normal file
24
resources/views/login.blade.php
Normal file
@ -0,0 +1,24 @@
|
||||
@extends('master')
|
||||
|
||||
@section('head')
|
||||
<link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/built.public.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/built.login.css') }}" rel="stylesheet" type="text/css"/>
|
||||
@endsection
|
||||
|
||||
@section('body')
|
||||
@if (!Utils::isWhiteLabel())
|
||||
<div class="container-fluid">
|
||||
<div class="row header">
|
||||
<div class="col-md-6 col-xs-12 text-center">
|
||||
<a><img width="231" src="{{ asset('images/invoiceninja-logox53.png') }}"/></a>
|
||||
</div>
|
||||
<div class="col-md-6 text-right visible-lg">
|
||||
<p>{{trans('texts.ninja_tagline')}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@yield('form')
|
||||
@endsection
|
||||
Loading…
x
Reference in New Issue
Block a user