FGFS-4.1/phpvms
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PIREP form styling and improvments

Browse Source
This commit is contained in:
Nabeel Shahzad 2018-04-06 17:10:45 -05:00
parent 42264eb180
commit 12a442970e
30 changed files with 721 additions and 468 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/assets/admin/js/app.js
View File

File diff suppressed because one or more lines are too long

171
public/assets/frontend/css/now-ui-kit.css
View File

@ -99,7 +99,7 @@
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
color: #fff;
background: #2CA8FF;
background: #067ec1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
@ -273,7 +273,7 @@
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-blue ~ .bootstrap-switch-default {
background-color: #2CA8FF;
background-color: #067ec1;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red,
@ -598,7 +598,7 @@
}
.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
background-color: #2CA8FF;
background-color: #067ec1;
}
.slider.slider-info.noUi-target {
@ -606,7 +606,7 @@
}
.slider.slider-info .noUi-handle {
background-color: #2CA8FF;
background-color: #067ec1;
}
.slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
@ -1523,7 +1523,7 @@ fieldset[disabled] .btn-success.active {
}
.btn-info {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
@ -1531,7 +1531,7 @@ fieldset[disabled] .btn-success.active {
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
background-color: #109CFF;
background-color: #0688d0;
color: #FFFFFF;
}
@ -1542,8 +1542,8 @@ fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #2CA8FF;
border-color: #2CA8FF;
background-color: #067ec1;
border-color: #067ec1;
}
.btn-info.focus, .btn-info:focus {
@ -1552,23 +1552,23 @@ fieldset[disabled] .btn-info.active {
}
.btn-info.btn-simple {
color: #2CA8FF;
border-color: #2CA8FF;
color: #067ec1;
border-color: #067ec1;
}
.btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active {
background-color: transparent;
color: #109CFF;
border-color: #109CFF;
color: #0688d0;
border-color: #0688d0;
}
.btn-info.btn-link {
color: #2CA8FF;
color: #067ec1;
}
.btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active {
background-color: transparent;
color: #109CFF;
color: #0688d0;
text-decoration: none;
}
@ -1710,11 +1710,11 @@ fieldset[disabled] .btn-neutral.active {
}
.btn-neutral.btn-info {
color: #2CA8FF;
color: #067ec1;
}
.btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active {
color: #109CFF;
color: #0688d0;
}
.btn-neutral.btn-warning {
@ -1908,7 +1908,6 @@ fieldset[disabled]
.form-control {
background-color: transparent;
border: 1px solid #E3E3E3;
border-radius: 30px;
color: #2c2c2c;
line-height: 1em;
font-size: 0.8571em;
@ -1923,7 +1922,7 @@ fieldset[disabled]
}
.form-control:focus {
border: 1px solid #f96332;
border: 1px solid #067ec1;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
@ -1932,8 +1931,7 @@ fieldset[disabled]
.form-control:focus + .input-group-addon,
.form-control:focus ~ .input-group-addon {
border: 1px solid #f96332;
border-left: none;
border: 1px solid #067ec1;
background-color: transparent;
}
@ -2003,6 +2001,41 @@ fieldset[disabled]
color: #FF3636;
}
.form-group.form-group-no-border.input-sm .input-group-addon,
.input-group.form-group-no-border.input-sm .input-group-addon {
padding: 5px 0 5px 15px;
}
.form-group.form-group-no-border.input-sm .form-control,
.input-group.form-group-no-border.input-sm .form-control {
padding: 5px 15px;
}
.form-group.form-group-no-border.input-sm .form-control + .input-group-addon,
.input-group.form-group-no-border.input-sm .form-control + .input-group-addon {
padding: 5px 15px 5px 0;
}
.form-group.input-sm .form-control,
.input-group.input-sm .form-control {
padding: 4px 14px;
}
.form-group.input-sm .form-control + .input-group-addon,
.input-group.input-sm .form-control + .input-group-addon {
padding: 4px 14px 4px 0;
}
.form-group.input-sm .input-group-addon,
.input-group.input-sm .input-group-addon {
padding: 4px 0 5px 14px;
}
.form-group.input-sm .input-group-addon + .form-control,
.input-group.input-sm .input-group-addon + .form-control {
padding: 5px 14px 5px 12px;
}
.form-group.form-group-no-border.input-lg .input-group-addon,
.input-group.form-group-no-border.input-lg .input-group-addon {
padding: 15px 0 15px 19px;
@ -2040,39 +2073,41 @@ fieldset[disabled]
.form-group.form-group-no-border .form-control,
.input-group.form-group-no-border .form-control {
padding: 11px 19px;
/*margin-top: 2px;*/
padding: 5px 15px;
}
.form-group.form-group-no-border .form-control + .input-group-addon,
.input-group.form-group-no-border .form-control + .input-group-addon {
padding: 11px 19px 11px 0;
padding: 5px 15px 5px 0;
}
.form-group.form-group-no-border .input-group-addon,
.input-group.form-group-no-border .input-group-addon {
padding: 11px 0 11px 19px;
padding: 5px 0 5px 15px;
}
.form-group .form-control,
.input-group .form-control {
padding: 10px 18px 10px 18px;
margin-top: 2px;
padding: 4px 14px 4px 14px;
}
.form-group .form-control + .input-group-addon,
.input-group .form-control + .input-group-addon {
padding: 10px 18px 10px 0;
padding: 4px 14px 4px 0;
}
.form-group .input-group-addon,
.input-group .input-group-addon {
padding: 10px 0 10px 18px;
padding: 4px 0 4px 14px;
}
.form-group .input-group-addon + .form-control,
.form-group .input-group-addon ~ .form-control,
.input-group .input-group-addon + .form-control,
.input-group .input-group-addon ~ .form-control {
padding: 10px 19px 11px 16px;
padding: 4px 15px 5px 12px;
}
.form-group.form-group-no-border .form-control,
@ -2163,20 +2198,18 @@ fieldset[disabled]
background-color: #E3E3E3;
}
.input-group .form-control:first-child,
/*.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-right: 0 none;
border-right: 0 none;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-left: 0 none;
}
border-left: 0 none;
}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #E3E3E3;
color: #B8B8B8;
@ -2200,16 +2233,19 @@ textarea.form-control {
max-width: 100%;
padding: 10px 10px 0 0;
resize: none;
border: none;
border-bottom: 1px solid #E3E3E3;
background-color: transparent;
border: 1px solid #E3E3E3;
color: #2c2c2c;
line-height: 1em;
font-size: 0.8571em;
border-radius: 0;
line-height: 2;
}
textarea.form-control:focus, textarea.form-control:active {
border-left: none;
border-top: none;
border-right: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #067ec1;
background-color: transparent;
}
.has-success.form-group .form-control,
@ -2464,12 +2500,12 @@ textarea.form-control:focus, textarea.form-control:active {
}
.progress-container.progress-info .progress-bar {
background: #2CA8FF;
background: #067ec1;
}
.progress-container.progress-info .progress-value,
.progress-container.progress-info .progress-badge {
color: #2CA8FF;
color: #067ec1;
}
.progress-container.progress-success .progress {
@ -2543,8 +2579,8 @@ textarea.form-control:focus, textarea.form-control:active {
}
.badge-info {
border-color: #2CA8FF;
color: #2CA8FF;
border-color: #067ec1;
color: #067ec1;
}
.badge-success {
@ -2783,7 +2819,7 @@ p.description {
}
.text-info {
color: #2CA8FF !important;
color: #067ec1 !important;
}
.text-success {
@ -2956,7 +2992,7 @@ body {
}
.nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
background-color: #2CA8FF;
background-color: #067ec1;
}
.nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
@ -3070,8 +3106,8 @@ body {
}
.nav-tabs.nav-tabs-info > .nav-item > .nav-link.active {
border-color: #2CA8FF;
color: #2CA8FF;
border-color: #067ec1;
color: #067ec1;
}
.nav-tabs.nav-tabs-danger > .nav-item > .nav-link.active {
@ -3246,7 +3282,7 @@ body {
}
.bg-info {
background-color: #2CA8FF !important;
background-color: #067ec1 !important;
}
.bg-success {
@ -3344,11 +3380,11 @@ body {
}
.dropdown-menu.dropdown-info {
background-color: #1da2ff;
background-color: #0674b2;
}
.dropdown-menu.dropdown-info:before {
color: #1da2ff;
color: #0674b2;
}
.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
@ -3594,24 +3630,24 @@ img {
}
.popover.popover-info {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
.popover.popover-info.bs-tether-element-attached-right:after {
border-left-color: #2CA8FF;
border-left-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-top:after {
border-bottom-color: #2CA8FF;
border-bottom-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-bottom:after {
border-top-color: #2CA8FF;
border-top-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-left:after {
border-right-color: #2CA8FF;
border-right-color: #067ec1;
}
.popover.popover-info .popover-title {
@ -4337,7 +4373,7 @@ Created using IcoMoon - icomoon.io
}
.modal.modal-mini .modal-profile.modal-profile-info {
background-color: #2CA8FF;
background-color: #067ec1;
}
.modal.modal-mini .modal-footer button {
@ -4394,7 +4430,7 @@ Created using IcoMoon - icomoon.io
}
.modal.modal-info .modal-content {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
@ -4460,7 +4496,7 @@ Created using IcoMoon - icomoon.io
}
.card[data-background-color="blue"] {
background-color: #2CA8FF;
background-color: #067ec1;
}
.card[data-background-color="green"] {
@ -4580,6 +4616,25 @@ Created using IcoMoon - icomoon.io
content: " ";
}
.form-container {
border: 0;
border-radius: 0.1875rem;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
}
.form-container h6 {
padding: 7px;
background-color: rgba(222, 222, 222, 0.3);
}
.form-container .form-container-body {
padding: 8px;
}
.index-page .page-header {
height: 125vh;
}

3
public/assets/frontend/css/styles.css
View File

@ -1,6 +1,9 @@
/**
*
*/
.select2-container {
margin-top: 2px;
}
.dashboard-box {
background: #067ec1;

4
public/assets/frontend/js/app.js
View File

File diff suppressed because one or more lines are too long

171
public/assets/installer/css/vendor.css
View File

@ -6900,7 +6900,7 @@ button.close {
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-blue,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-blue {
color: #fff;
background: #2CA8FF;
background: #067ec1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-green,
@ -7074,7 +7074,7 @@ button.close {
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-blue ~ .bootstrap-switch-default {
background-color: #2CA8FF;
background-color: #067ec1;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-red,
@ -7399,7 +7399,7 @@ button.close {
}
.slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
background-color: #2CA8FF;
background-color: #067ec1;
}
.slider.slider-info.noUi-target {
@ -7407,7 +7407,7 @@ button.close {
}
.slider.slider-info .noUi-handle {
background-color: #2CA8FF;
background-color: #067ec1;
}
.slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
@ -8324,7 +8324,7 @@ fieldset[disabled] .btn-success.active {
}
.btn-info {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
@ -8332,7 +8332,7 @@ fieldset[disabled] .btn-success.active {
.open > .btn-info.dropdown-toggle,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
background-color: #109CFF;
background-color: #0688d0;
color: #FFFFFF;
}
@ -8343,8 +8343,8 @@ fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #2CA8FF;
border-color: #2CA8FF;
background-color: #067ec1;
border-color: #067ec1;
}
.btn-info.focus, .btn-info:focus {
@ -8353,23 +8353,23 @@ fieldset[disabled] .btn-info.active {
}
.btn-info.btn-simple {
color: #2CA8FF;
border-color: #2CA8FF;
color: #067ec1;
border-color: #067ec1;
}
.btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active {
background-color: transparent;
color: #109CFF;
border-color: #109CFF;
color: #0688d0;
border-color: #0688d0;
}
.btn-info.btn-link {
color: #2CA8FF;
color: #067ec1;
}
.btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active {
background-color: transparent;
color: #109CFF;
color: #0688d0;
text-decoration: none;
}
@ -8511,11 +8511,11 @@ fieldset[disabled] .btn-neutral.active {
}
.btn-neutral.btn-info {
color: #2CA8FF;
color: #067ec1;
}
.btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active {
color: #109CFF;
color: #0688d0;
}
.btn-neutral.btn-warning {
@ -8709,7 +8709,6 @@ fieldset[disabled]
.form-control {
background-color: transparent;
border: 1px solid #E3E3E3;
border-radius: 30px;
color: #2c2c2c;
line-height: 1em;
font-size: 0.8571em;
@ -8724,7 +8723,7 @@ fieldset[disabled]
}
.form-control:focus {
border: 1px solid #f96332;
border: 1px solid #067ec1;
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 !important;
@ -8733,8 +8732,7 @@ fieldset[disabled]
.form-control:focus + .input-group-addon,
.form-control:focus ~ .input-group-addon {
border: 1px solid #f96332;
border-left: none;
border: 1px solid #067ec1;
background-color: transparent;
}
@ -8804,6 +8802,41 @@ fieldset[disabled]
color: #FF3636;
}
.form-group.form-group-no-border.input-sm .input-group-addon,
.input-group.form-group-no-border.input-sm .input-group-addon {
padding: 5px 0 5px 15px;
}
.form-group.form-group-no-border.input-sm .form-control,
.input-group.form-group-no-border.input-sm .form-control {
padding: 5px 15px;
}
.form-group.form-group-no-border.input-sm .form-control + .input-group-addon,
.input-group.form-group-no-border.input-sm .form-control + .input-group-addon {
padding: 5px 15px 5px 0;
}
.form-group.input-sm .form-control,
.input-group.input-sm .form-control {
padding: 4px 14px;
}
.form-group.input-sm .form-control + .input-group-addon,
.input-group.input-sm .form-control + .input-group-addon {
padding: 4px 14px 4px 0;
}
.form-group.input-sm .input-group-addon,
.input-group.input-sm .input-group-addon {
padding: 4px 0 5px 14px;
}
.form-group.input-sm .input-group-addon + .form-control,
.input-group.input-sm .input-group-addon + .form-control {
padding: 5px 14px 5px 12px;
}
.form-group.form-group-no-border.input-lg .input-group-addon,
.input-group.form-group-no-border.input-lg .input-group-addon {
padding: 15px 0 15px 19px;
@ -8841,39 +8874,41 @@ fieldset[disabled]
.form-group.form-group-no-border .form-control,
.input-group.form-group-no-border .form-control {
padding: 11px 19px;
/*margin-top: 2px;*/
padding: 5px 15px;
}
.form-group.form-group-no-border .form-control + .input-group-addon,
.input-group.form-group-no-border .form-control + .input-group-addon {
padding: 11px 19px 11px 0;
padding: 5px 15px 5px 0;
}
.form-group.form-group-no-border .input-group-addon,
.input-group.form-group-no-border .input-group-addon {
padding: 11px 0 11px 19px;
padding: 5px 0 5px 15px;
}
.form-group .form-control,
.input-group .form-control {
padding: 10px 18px 10px 18px;
margin-top: 2px;
padding: 4px 14px 4px 14px;
}
.form-group .form-control + .input-group-addon,
.input-group .form-control + .input-group-addon {
padding: 10px 18px 10px 0;
padding: 4px 14px 4px 0;
}
.form-group .input-group-addon,
.input-group .input-group-addon {
padding: 10px 0 10px 18px;
padding: 4px 0 4px 14px;
}
.form-group .input-group-addon + .form-control,
.form-group .input-group-addon ~ .form-control,
.input-group .input-group-addon + .form-control,
.input-group .input-group-addon ~ .form-control {
padding: 10px 19px 11px 16px;
padding: 4px 15px 5px 12px;
}
.form-group.form-group-no-border .form-control,
@ -8964,20 +8999,18 @@ fieldset[disabled]
background-color: #E3E3E3;
}
.input-group .form-control:first-child,
/*.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-right: 0 none;
border-right: 0 none;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-left: 0 none;
}
border-left: 0 none;
}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #E3E3E3;
color: #B8B8B8;
@ -9001,16 +9034,19 @@ textarea.form-control {
max-width: 100%;
padding: 10px 10px 0 0;
resize: none;
border: none;
border-bottom: 1px solid #E3E3E3;
background-color: transparent;
border: 1px solid #E3E3E3;
color: #2c2c2c;
line-height: 1em;
font-size: 0.8571em;
border-radius: 0;
line-height: 2;
}
textarea.form-control:focus, textarea.form-control:active {
border-left: none;
border-top: none;
border-right: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #067ec1;
background-color: transparent;
}
.has-success.form-group .form-control,
@ -9265,12 +9301,12 @@ textarea.form-control:focus, textarea.form-control:active {
}
.progress-container.progress-info .progress-bar {
background: #2CA8FF;
background: #067ec1;
}
.progress-container.progress-info .progress-value,
.progress-container.progress-info .progress-badge {
color: #2CA8FF;
color: #067ec1;
}
.progress-container.progress-success .progress {
@ -9344,8 +9380,8 @@ textarea.form-control:focus, textarea.form-control:active {
}
.badge-info {
border-color: #2CA8FF;
color: #2CA8FF;
border-color: #067ec1;
color: #067ec1;
}
.badge-success {
@ -9584,7 +9620,7 @@ p.description {
}
.text-info {
color: #2CA8FF !important;
color: #067ec1 !important;
}
.text-success {
@ -9757,7 +9793,7 @@ body {
}
.nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
background-color: #2CA8FF;
background-color: #067ec1;
}
.nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
@ -9871,8 +9907,8 @@ body {
}
.nav-tabs.nav-tabs-info > .nav-item > .nav-link.active {
border-color: #2CA8FF;
color: #2CA8FF;
border-color: #067ec1;
color: #067ec1;
}
.nav-tabs.nav-tabs-danger > .nav-item > .nav-link.active {
@ -10047,7 +10083,7 @@ body {
}
.bg-info {
background-color: #2CA8FF !important;
background-color: #067ec1 !important;
}
.bg-success {
@ -10145,11 +10181,11 @@ body {
}
.dropdown-menu.dropdown-info {
background-color: #1da2ff;
background-color: #0674b2;
}
.dropdown-menu.dropdown-info:before {
color: #1da2ff;
color: #0674b2;
}
.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
@ -10395,24 +10431,24 @@ img {
}
.popover.popover-info {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
.popover.popover-info.bs-tether-element-attached-right:after {
border-left-color: #2CA8FF;
border-left-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-top:after {
border-bottom-color: #2CA8FF;
border-bottom-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-bottom:after {
border-top-color: #2CA8FF;
border-top-color: #067ec1;
}
.popover.popover-info.bs-tether-element-attached-left:after {
border-right-color: #2CA8FF;
border-right-color: #067ec1;
}
.popover.popover-info .popover-title {
@ -11138,7 +11174,7 @@ Created using IcoMoon - icomoon.io
}
.modal.modal-mini .modal-profile.modal-profile-info {
background-color: #2CA8FF;
background-color: #067ec1;
}
.modal.modal-mini .modal-footer button {
@ -11195,7 +11231,7 @@ Created using IcoMoon - icomoon.io
}
.modal.modal-info .modal-content {
background-color: #2CA8FF;
background-color: #067ec1;
color: #FFFFFF;
}
@ -11261,7 +11297,7 @@ Created using IcoMoon - icomoon.io
}
.card[data-background-color="blue"] {
background-color: #2CA8FF;
background-color: #067ec1;
}
.card[data-background-color="green"] {
@ -11381,6 +11417,25 @@ Created using IcoMoon - icomoon.io
content: " ";
}
.form-container {
border: 0;
border-radius: 0.1875rem;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
}
.form-container h6 {
padding: 7px;
background-color: rgba(222, 222, 222, 0.3);
}
.form-container .form-container-body {
padding: 8px;
}
.index-page .page-header {
height: 125vh;
}

8
public/mix-manifest.json
View File

@ -1,8 +1,8 @@
{
"/assets/frontend/js/app.js": "/assets/frontend/js/app.js?id=9fc76ac10f8d1c1906a0",
"/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=076d3d4d435dd893a459",
"/assets/frontend/js/app.js": "/assets/frontend/js/app.js?id=3d5b0dff38050f6b5e0b",
"/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=a64d6e004c25bd2720b2",
"/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=a11d81c6bf8d7a548c86",
"/assets/admin/js/app.js": "/assets/admin/js/app.js?id=aa2a19e307306470a073",
"/assets/admin/js/app.js": "/assets/admin/js/app.js?id=926a7c24ec36533523e3",
"/assets/installer/js/app.js": "/assets/installer/js/app.js?id=c65781eda730445d666e",
"/assets/fonts/glyphicons-halflings-regular.woff2": "/assets/fonts/glyphicons-halflings-regular.woff2?id=b5b5055c6d812c0f9f0d",
"/assets/admin/fonts/glyphicons-halflings-regular.woff2": "/assets/admin/fonts/glyphicons-halflings-regular.woff2?id=b5b5055c6d812c0f9f0d",
@ -15,6 +15,6 @@
"/assets/admin/css/blue@2x.png": "/assets/admin/css/blue@2x.png?id=97da23d47b838cbd4bef",
"/assets/global/js/vendor.js": "/assets/global/js/vendor.js?id=6436d215691e8f38eb12",
"/assets/global/css/vendor.css": "/assets/global/css/vendor.css?id=115d5c4f2370ae94a962",
"/assets/installer/css/vendor.css": "/assets/installer/css/vendor.css?id=3cf3cc710ecd7033c3e3",
"/assets/installer/css/vendor.css": "/assets/installer/css/vendor.css?id=cff43141825d499f727e",
"/assets/installer/js/vendor.js": "/assets/installer/js/vendor.js?id=01249af00bd2c1267e15"
}

5
resources/js/maps/config.js
View File

@ -1,3 +1,4 @@
export let
PLAN_ROUTE_COLOR = '#36b123',
ACTUAL_ROUTE_COLOR = '#172aea'
PLAN_ROUTE_COLOR = '#043758',
ACTUAL_ROUTE_COLOR = '#067ec1',
CIRCLE_COLOR = '#056093';

35
resources/js/maps/route_map.js
View File

@ -2,8 +2,13 @@
const leaflet = require('leaflet');
import draw_base_map from './base_map'
import { ACTUAL_ROUTE_COLOR, PLAN_ROUTE_COLOR } from './config'
import {addWMSLayer} from './helpers';
import { addWMSLayer } from './helpers';
import {
ACTUAL_ROUTE_COLOR,
PLAN_ROUTE_COLOR,
CIRCLE_COLOR
} from './config'
/**
* Show some popup text when a feature is clicked on
@ -27,8 +32,8 @@ export const onFeaturePointClick = (feature, layer) => {
*/
export const pointToLayer = (feature, latlng) => {
return leaflet.circleMarker(latlng, {
radius: 12,
fillColor: '#ff7800',
radius: 5,
fillColor: CIRCLE_COLOR,
color: '#000',
weight: 1,
opacity: 1,
@ -64,14 +69,14 @@ export default (opts) => {
}
let geodesicLayer = leaflet.geodesic([], {
weight: 7,
weight: 4,
opacity: 0.9,
color: PLAN_ROUTE_COLOR,
steps: 50,
wrap: false,
}).addTo(map)
}).addTo(map);
geodesicLayer.geoJson(opts.planned_route_line)
geodesicLayer.geoJson(opts.planned_route_line);
try {
map.fitBounds(geodesicLayer.getBounds())
@ -86,12 +91,12 @@ export default (opts) => {
pointToLayer: pointToLayer,
style: {
'color': PLAN_ROUTE_COLOR,
'weight': 5,
'weight': 3,
'opacity': 0.65,
},
})
});
route_points.addTo(map)
route_points.addTo(map);
}
/**
@ -100,14 +105,14 @@ export default (opts) => {
if (opts.actual_route_line !== null && opts.actual_route_line.features.length > 0) {
let geodesicLayer = leaflet.geodesic([], {
weight: 7,
weight: 3,
opacity: 0.9,
color: ACTUAL_ROUTE_COLOR,
steps: 50,
wrap: false,
}).addTo(map)
}).addTo(map);
geodesicLayer.geoJson(opts.actual_route_line)
geodesicLayer.geoJson(opts.actual_route_line);
try {
map.fitBounds(geodesicLayer.getBounds())
@ -122,10 +127,10 @@ export default (opts) => {
pointToLayer: pointToLayer,
style: {
'color': ACTUAL_ROUTE_COLOR,
'weight': 5,
'weight': 3,
'opacity': 0.65,
},
})
});
route_points.addTo(map)
}

1
resources/sass/now-ui/now-ui-kit.scss
View File

@ -49,6 +49,7 @@
@import "now-ui-kit/carousel";
@import "now-ui-kit/cards";
@import "now-ui-kit/footers";
@import "now-ui-kit/form-container";
// example pages and sections
@import "now-ui-kit/example-pages";

19
resources/sass/now-ui/now-ui-kit/_form-container.scss Executable file
View File

@ -0,0 +1,19 @@
.form-container {
border: 0;
border-radius: $border-radius-small;
display: inline-block;
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 20px;
//box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
h6 {
padding: 7px;
background-color: rgba(222, 222, 222, 0.3);
}
.form-container-body {
padding: 8px;
}
}

28
resources/sass/now-ui/now-ui-kit/_inputs.scss
View File

@ -1,9 +1,9 @@
@include form-control-placeholder($medium-gray, 1);
.form-control {
//border-radius: $btn-round-radius;
background-color: $transparent-bg;
border: 1px solid $light-gray;
border-radius: $btn-round-radius;
color: $black-color;
line-height: 1em;
font-size: $font-size-small;
@ -15,15 +15,14 @@
}
&:focus{
border: 1px solid $primary-color;
border: 1px solid $brand-primary;
@include box-shadow(none);
outline: 0 !important;
color: $black-color;
& + .input-group-addon,
& ~ .input-group-addon{
border: 1px solid $primary-color;
border-left: none;
border: 1px solid $brand-primary;
background-color: $transparent-bg;
}
}
@ -101,8 +100,9 @@
}
}
@include input-sm-padding($padding-small-vertical, $padding-small-horizontal);
@include input-lg-padding($padding-large-vertical, $padding-input-horizontal);
@include input-base-padding($padding-input-vertical, $padding-input-horizontal);
@include input-base-padding($padding-small-vertical, $padding-small-horizontal);
.form-group.form-group-no-border,
.input-group.form-group-no-border{
@ -192,7 +192,7 @@
background-color: $light-gray;
}
}
.input-group .form-control:first-child,
/*.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
@ -203,7 +203,7 @@
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
border-left: 0 none;
}
}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: $light-gray;
color: $default-color;
@ -225,16 +225,18 @@ textarea.form-control{
max-width: 100%;
padding: 10px 10px 0 0;
resize: none;
border: none;
border-bottom: 1px solid $light-gray;
background-color: $transparent-bg;
border: 1px solid $light-gray;
color: $black-color;
line-height: 1em;
font-size: $font-size-small;
border-radius: 0;
line-height: 2;
&:focus,
&:active{
border-left: none;
border-top: none;
border-right: none;
@include box-shadow(none);
border: 1px solid $brand-primary;
background-color: $transparent-bg;
}
}

4
resources/sass/now-ui/now-ui-kit/_variables.scss
View File

@ -53,8 +53,8 @@ $success-states-color: darken($success-color, 5%) !default;
$success-color-opacity: rgba(24, 206, 15, .3) !default;
$success-color-alert: rgba(24, 206, 15, .8) !default;
$info-color: #2CA8FF !default;
$info-states-color: #109CFF !default;
$info-color: #067ec1 !default; //#2CA8FF !default;
$info-states-color: #0688d0 !default; // #109CFF !default;
$info-color-opacity: rgba(44, 168, 255, .3) !default;
$info-color-alert: rgba(44, 168, 255, .8) !default;

42
resources/sass/now-ui/now-ui-kit/mixins/_inputs.scss
View File

@ -21,18 +21,52 @@
}
}
@mixin light-form(){
@mixin light-form() {
border-radius: 0;
border:0;
padding: 0;
background-color: transparent;
}
@mixin input-sm-padding($padding-vertical, $padding-horizontal) {
.form-group.form-group-no-border.input-sm,
.input-group.form-group-no-border.input-sm {
.input-group-addon {
padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
}
.form-control {
padding: $padding-vertical $padding-horizontal;
& + .input-group-addon {
padding: $padding-vertical $padding-horizontal $padding-vertical 0;
}
}
}
.form-group.input-sm,
.input-group.input-sm {
.form-control {
padding: $padding-vertical - 1 $padding-horizontal - 1;
& + .input-group-addon {
padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0;
}
}
.input-group-addon {
padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1;
& + .form-control {
padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3;
}
}
}
}
@mixin input-lg-padding($padding-vertical, $padding-horizontal) {
.form-group.form-group-no-border.input-lg,
.input-group.form-group-no-border.input-lg{
.input-group.form-group-no-border.input-lg {
.input-group-addon{
padding: $padding-vertical 0 $padding-vertical $padding-horizontal;
}
@ -72,6 +106,7 @@
.form-group.form-group-no-border,
.input-group.form-group-no-border{
.form-control{
/*margin-top: 2px;*/
padding: $padding-vertical $padding-horizontal;
& + .input-group-addon{
@ -87,6 +122,7 @@
.form-group,
.input-group{
.form-control{
margin-top: 2px;
padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1;
& + .input-group-addon{

4
resources/views/admin/aircraft/script.blade.php
View File

@ -63,8 +63,8 @@ $(document).ready(function() {
});
$(document).on('pjax:complete', function () {
$(".select2").select2();
setEditable();
initPlugins();
setEditable();
});
});
</script>

2
resources/views/admin/airports/script.blade.php
View File

@ -122,7 +122,7 @@ $(document).ready(function() {
});
$(document).on('pjax:complete', function () {
$(".select2").select2();
initPlugins();
setEditable();
});
});

18
resources/views/admin/app.blade.php
View File

@ -136,14 +136,20 @@ const removeItem = function (obj, item) {
return obj;
};
/**
* Initialize any plugins on the page
*/
const initPlugins = () => {
$('.select2').select2({width: 'resolve'});
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'icheckbox_square-blue'
});
};
$(document).ready(function () {
$('.select2').select2();
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'icheckbox_square-blue'
});
initPlugins();
let storage = getStorage('phpvms.admin');

2
resources/views/admin/flights/scripts.blade.php
View File

@ -91,7 +91,7 @@ $(document).ready(function () {
});
$(document).on('pjax:complete', function () {
$(".select2").select2();
initPlugins();
setEditable();
setFieldsEditable();
});

2
resources/views/admin/pireps/scripts.blade.php
View File

@ -56,7 +56,7 @@ $(document).ready(() => {
});
$(document).on('pjax:complete', function () {
$(".select2").select2();
initPlugins();
});
/**

2
resources/views/admin/ranks/scripts.blade.php
View File

@ -31,7 +31,7 @@ $(document).ready(function () {
});
$(document).on('pjax:complete', function () {
$(".select2").select2();
initPlugins();
setEditable();
});
});

2
resources/views/admin/settings/script.blade.php
View File

@ -23,7 +23,7 @@ $(document).ready(function() {
});
$(document).on('pjax:complete', function() {
$(".select2").select2();
initPlugins();
});
});
</script>

2
resources/views/admin/subfleets/script.blade.php
View File

@ -121,7 +121,7 @@ $(document).ready(function() {
});
$(document).on('pjax:complete', function() {
$(".select2").select2();
initPlugins();
setEditable();
});
});

5
resources/views/layouts/default/app.blade.php
View File

@ -15,13 +15,14 @@
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet"/>
<link href="{{ public_asset('/assets/frontend/css/bootstrap.min.css') }}" rel="stylesheet"/>
<link href="{{ public_asset('/assets/frontend/css/now-ui-kit.css') }}" rel="stylesheet"/>
<link href="{{ public_asset('/assets/frontend/css/styles.css') }}" rel="stylesheet"/>
{{-- Start of the required files in the head block --}}
<link href="{{ public_asset('/assets/global/css/vendor.css') }}" rel="stylesheet"/>
@yield('css')
@yield('scripts_head')
{{-- End of the required stuff in the head block --}}
<link href="{{ public_asset('/assets/frontend/css/styles.css') }}" rel="stylesheet"/>
</head>
<body>
<!-- Navbar -->
@ -83,7 +84,7 @@
<script>
$(document).ready(function () {
$(".select2").select2();
$(".select2").select2({width: 'resolve'});
});
</script>

5
resources/views/layouts/default/flights/map.blade.php
View File

@ -1,10 +1,7 @@
<div class="row">
<div class="col-md-12">
<h3 class="description">map</h3>
</div>
<div class="col-12">
<div class="box-body">
<div id="map" style="width: 100%; height: 800px"></div>
<div id="map" style="width: 100%; height: 600px"></div>
</div>
</div>
</div>

107
resources/views/layouts/default/flights/show.blade.php
View File

@ -3,63 +3,74 @@
@section('content')
<div class="row">
<div class="col-md-12">
<h2 class="description">{{ $flight->ident }}</h2>
<div class="col-8">
<div class="row">
<div class="col-12">
<h2>{{ $flight->ident }}</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<table class="table">
<tr>
<td>Departure</td>
<td>
{{ $flight->dpt_airport->name }}
(<a href="{{route('frontend.airports.show', [
'id' => $flight->dpt_airport->icao
])}}">{{$flight->dpt_airport->icao}}</a>)
@ {{ $flight->dpt_time }}
</td>
</tr>
<tr>
<td>Arrival</td>
<td>
{{ $flight->arr_airport->name }}
(<a href="{{route('frontend.airports.show', [
'id' => $flight->arr_airport->icao
])}}">{{$flight->arr_airport->icao}}</a>)
@ {{ $flight->arr_time }}</td>
</tr>
@if($flight->alt_airport_id)
<tr>
<td>Alternate Airport</td>
<td>
{{ $flight->alt_airport->full_name }}
</td>
</tr>
@endif
<tr>
<td>Route</td>
<td>{{ $flight->route }}</td>
</tr>
@if(filled($flight->notes))
<tr>
<td>Notes</td>
<td>{{ $flight->notes }}</td>
</tr>
@endif
</table>
</div>
</div>
<div class="row">
<div class="col-12">
@include('flights.map')
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table">
<tr>
<td>Departure</td>
<td>
<a href="{{route('frontend.airports.show', ['id'=>$flight->dpt_airport_id])}}">
{{ $flight->dpt_airport->full_name }}</a>
@ {{ $flight->dpt_time }}</td>
</tr>
<tr>
<td>Arrival</td>
<td>
<a href="{{route('frontend.airports.show', ['id'=>$flight->arr_airport_id])}}">
{{ $flight->arr_airport->full_name }}</a> @ {{ $flight->arr_time }}</td>
</tr>
@if($flight->alt_airport_id)
<tr>
<td>Alternate Airport</td>
<td>
{{ $flight->alt_airport->full_name }}
</td>
</tr>
@endif
<tr>
<td>Route</td>
<td>{{ $flight->route }}</td>
</tr>
<tr>
<td>Notes</td>
<td>{{ $flight->notes }}</td>
</tr>
</table>
</div>
</div>
<div style="padding: 10px;"></div>
<div class="row">
<div class="col-6">
<div class="col-4">
<h5>{{$flight->dpt_airport_id}} METAR</h5>
{{ Widget::Weather([
'icao' => $flight->dpt_airport_id,
]) }}
</div>
<div class="col-6">
<h5>{{$flight->arr_airport_id}} METAR</h5>
{{ Widget::Weather([
'icao' => $flight->arr_airport_id,
]) }}
</div>
</div>
@include('flights.map')
@endsection

6
resources/views/layouts/default/pireps/create.blade.php
View File

@ -4,15 +4,15 @@
@section('content')
<div class="row">
<div class="col-md-12">
<h2 class="description">New Flight Report</h2>
<h2>New Flight Report</h2>
@include('flash::message')
{{ Form::open(['route' => 'frontend.pireps.store']) }}
@include("pireps.fields")
@include('pireps.fields')
{{ Form::close() }}
</div>
</div>
@endsection
@include("pireps.scripts")
@include('pireps.scripts')

7
resources/views/layouts/default/pireps/edit.blade.php
View File

@ -5,9 +5,12 @@
<div class="col-md-12">
<h2 class="description">Edit Flight Report</h2>
@include('flash::message')
{{ Form::model($pirep, ['route' => ['frontend.pireps.update', $pirep->id], 'method' => 'patch']) }}
{{ Form::model($pirep, [
'route' => ['frontend.pireps.update', $pirep->id],
'class' => 'form-group',
'method' => 'patch']) }}
@include("pireps.fields")
@include('pireps.fields')
{{ Form::close() }}
</div>

47
resources/views/layouts/default/pireps/fares.blade.php
View File

@ -1,27 +1,24 @@
@if($aircraft)
<h3 class="description">Fares</h3>
<table class="table table-hover">
<thead>
<th></th>
<th>Count</th>
</thead>
</thead>
<tbody>
@foreach($aircraft->subfleet->fares as $fare)
<tr>
<td style="text-align: right;">{{ $fare->name }} ({{ $fare->code }})</td>
<td>
@if($read_only)
<p>{{ $pirep->{'fare_'.$fare->id} }}</p>
{{ Form::hidden('fare_'.$fare->id) }}
@else
<div class="input-group form-group">
{{ Form::number('fare_'.$fare->id, null, ['class' => 'form-control', 'min' => 0]) }}
</div>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
<div class="form-container">
<h6><i class="fas fa-ellipsis-h"></i>
&nbsp;Fares
</h6>
<div class="form-container-body">
@foreach($aircraft->subfleet->fares as $fare)
<div class="row">
<div class="col">
{{Form::label('fare_'.$fare->id, $fare->name.' ('.$fare->code.')')}}
@if($read_only)
<p>{{ $pirep->{'fare_'.$fare->id} }}</p>
{{ Form::hidden('fare_'.$fare->id) }}
@else
<div class="input-group form-group">
{{ Form::number('fare_'.$fare->id, null, ['class' => 'form-control', 'min' => 0]) }}
</div>
@endif
</div>
</div>
@endforeach
</div>
</div>
@endif

477
resources/views/layouts/default/pireps/fields.blade.php
View File

@ -11,227 +11,287 @@ flight reports that have been filed. You've been warned!
@if($read_only)
<div class="row">
<div class="col-sm-12">
@component("components.info")
@component('components.info')
Once a PIREP has been accepted/rejected, certain fields go into read-only mode.
@endcomponent
</div>
</div>
@endif
<div class="row">
<div class="col-12">
<table class="table table-full-width">
<thead>
<div class="col-8">
</thead>
<tbody>
<tr>
<td>Airline</td>
<td>
@if($read_only)
<p>{{ $pirep->airline->name }}</p>
{{ Form::hidden('airline_id') }}
@else
<div class="input-group form-group">
{{ Form::select('airline_id', $airline_list, null, [
'class' => 'custom-select select2',
'readonly' => $read_only]) }}
</div>
<p class="text-danger">{{ $errors->first('airline_id') }}</p>
@endif
</td>
</tr>
<tr>
<td>Flight Number/Code/Leg</td>
<td>
@if($read_only)
<p>{{ $pirep->ident }}
{{ Form::hidden('flight_number') }}
{{ Form::hidden('flight_code') }}
{{ Form::hidden('flight_leg') }}
</p>
@else
<div class="input-group form-group" style="max-width: 400px;">
{{ Form::text('flight_number', null, [
'placeholder' => 'Flight Number',
'class' => 'form-control',
'readonly' => $read_only]) }}
{{ Form::text('route_code', null, [
'placeholder' => 'Code (optional)',
'class' => 'form-control',
'readonly' => $read_only]) }}
{{ Form::text('route_leg', null, [
'placeholder' => 'Leg (optional)',
'class' => 'form-control',
'readonly' => $read_only]) }}
</div>
<p class="text-danger">{{ $errors->first('flight_number') }}</p>
<p class="text-danger">{{ $errors->first('route_code') }}</p>
<p class="text-danger">{{ $errors->first('route_leg') }}</p>
@endif
</td>
</tr>
<tr>
<td>Aircraft</td>
<td>
@if($read_only)
<p>{{ $pirep->aircraft->name }}</p>
{{ Form::hidden('aircraft_id') }}
@else
<div class="input-group form-group">
{{-- You probably don't want to change this ID if you want the fare select to work --}}
{{ Form::select('aircraft_id', $aircraft_list, null, [
'id' => 'aircraft_select',
'class' => 'custom-select select2',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('aircraft_id') }}</p>
@endif
</td>
</tr>
<tr>
<td>Flight Type</td>
<td>
@if($read_only)
<p>{{ \App\Models\Enums\FlightType::label($pirep->flight_type) }}</p>
{{ Form::hidden('flight_type') }}
@else
<div class="input-group form-group">
{{ Form::select('flight_type',
\App\Models\Enums\FlightType::select(),
null, [
'class' => 'custom-select select2',
'readonly' => $read_only
])
}}
</div>
<p class="text-danger">{{ $errors->first('flight_type') }}</p>
@endif
</td>
</tr>
<tr>
<td>Origin Airport</td>
<td>
@if($read_only)
<p>{{ $pirep->dpt_airport->id }} - {{ $pirep->dpt_airport->name }}</p>
{{ Form::hidden('dpt_airport_id') }}
@else
<div class="input-group form-group">
{{ Form::select('dpt_airport_id', $airport_list, null, [
<div class="form-container">
<h6><i class="fas fa-info-circle"></i>
&nbsp;Flight Information
</h6>
<div class="form-container-body">
<div class="row">
<div class="col-sm-4">
{{ Form::label('airline_id', 'Airline') }}
@if($read_only)
<p>{{ $pirep->airline->name }}</p>
{{ Form::hidden('airline_id') }}
@else
<div class="input-group input-group form-group">
{{ Form::select('airline_id', $airline_list, null, [
'class' => 'custom-select select2',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('dpt_airport_id') }}</p>
@endif
</td>
</tr>
<tr>
<td>Arrival Airport</td>
<td>
@if($read_only)
<p>{{ $pirep->arr_airport->id }}
- {{ $pirep->arr_airport->name }}</p>
{{ Form::hidden('arr_airport_id') }}
@else
<div class="input-group form-group">
{{ Form::select('arr_airport_id', $airport_list, null, [
'class' => 'custom-select select2',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('arr_airport_id') }}</p>
@endif
</td>
</tr>
<tr>
<td class="align-text-top">Flight Time</td>
<td>
@if($read_only)
<p>
{{ $pirep->hours }} hours, {{ $pirep->minutes }} minutes
{{ Form::hidden('hours') }}
{{ Form::hidden('minutes') }}
</p>
@else
<div class="input-group" style="max-width: 200px;">
{{ Form::number('hours', null, [
'class' => 'form-control',
'placeholder' => 'hours',
'min' => '0',
'readonly' => $read_only
]) }}
{{ Form::number('minutes', null, [
'class' => 'form-control',
'placeholder' => 'minutes',
'min' => 0,
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('hours') }}</p>
<p class="text-danger">{{ $errors->first('minutes') }}</p>
@endif
</td>
</tr>
{{--
Write out the custom fields, and label if they're required
--}}
@foreach($pirep_fields as $field)
<tr>
<td>
{{ $field->name }}
@if($field->required === true)
<span class="text-danger">*</span>
'style' => 'width: 100%',
'readonly' => $read_only]) }}
</div>
<p class="text-danger">{{ $errors->first('airline_id') }}</p>
@endif
</td>
<td>
<div class="input-group form-group">
{{ Form::text($field->slug, null, [
'class' => 'form-control'
]) }}
</div>
<div class="col-sm-4">
{{ Form::label('flight_number', 'Flight Number/Code/Leg') }}
@if($read_only)
<p>{{ $pirep->ident }}
{{ Form::hidden('flight_number') }}
{{ Form::hidden('flight_code') }}
{{ Form::hidden('flight_leg') }}
</p>
@else
<div class="input-group input-group-sm mb3">
{{ Form::text('flight_number', null, [
'placeholder' => 'Flight Number',
'class' => 'form-control',
'readonly' => $read_only]) }}
&nbsp;
{{ Form::text('route_code', null, [
'placeholder' => 'Code (optional)',
'class' => 'form-control',
'readonly' => $read_only]) }}
&nbsp;
{{ Form::text('route_leg', null, [
'placeholder' => 'Leg (optional)',
'class' => 'form-control',
'readonly' => $read_only]) }}
</div>
<p class="text-danger">{{ $errors->first('flight_number') }}</p>
<p class="text-danger">{{ $errors->first('route_code') }}</p>
<p class="text-danger">{{ $errors->first('route_leg') }}</p>
@endif
</div>
<div class="col-lg-4">
{{ Form::label('flight_type', 'Flight Type') }}
@if($read_only)
<p>{{ \App\Models\Enums\FlightType::label($pirep->flight_type) }}</p>
{{ Form::hidden('flight_type') }}
@else
<div class="form-group">
{{ Form::select('flight_type',
\App\Models\Enums\FlightType::select(), null, [
'class' => 'custom-select select2',
'style' => 'width: 100%',
'readonly' => $read_only
])
}}
</div>
<p class="text-danger">{{ $errors->first('flight_type') }}</p>
@endif
</div>
</div>
<div class="row">
<div class="col-3">
{{ Form::label('hours', 'Flight Time') }}
@if($read_only)
<p>
{{ $pirep->hours }} hours, {{ $pirep->minutes }} minutes
{{ Form::hidden('hours') }}
{{ Form::hidden('minutes') }}
</p>
@else
<div class="input-group input-group-sm" style="max-width: 200px;">
{{ Form::number('hours', null, [
'class' => 'form-control',
'placeholder' => 'hours',
'min' => '0',
'readonly' => $read_only
]) }}
{{ Form::number('minutes', null, [
'class' => 'form-control',
'placeholder' => 'minutes',
'min' => 0,
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('hours') }}</p>
<p class="text-danger">{{ $errors->first('minutes') }}</p>
@endif
</div>
<div class="col-3">
{{--{{ Form::label('submitted_date', 'Date Flown') }}
{{ Form::text('submmitted_date', null, [
'placeholder' => 'Departure TIme',
'class' => 'form-control',
'readonly' => $read_only]) }}--}}
</div>
<div class="col-3">
{{--{{ Form::label('departure_time', 'Departure Time') }}
{{ Form::text('departure_time', null, [
'placeholder' => 'Departure TIme',
'class' => 'form-control',
'readonly' => $read_only]) }}--}}
</div>
<div class="col-3">
{{--{{ Form::label('arrival_time', 'Arrival Time') }}
{{ Form::text('arrival_time', null, [
'placeholder' => 'Arrival TIme',
'class' => 'form-control',
'readonly' => $read_only]) }}--}}
</div>
</div>
</div>
</div>
<div class="form-container">
<h6><i class="fas fa-globe"></i>
&nbsp;Arrival/Departure Information
</h6>
<div class="form-container-body">
<div class="row">
<div class="col-6">
{{ Form::label('dpt_airport_id', 'Departure Airport') }}
@if($read_only)
{{ $pirep->dpt_airport->name }}
(<a href="{{route('frontend.airports.show', [
'id' => $pirep->dpt_airport->icao
])}}">{{$pirep->dpt_airport->icao}}</a>)
{{ Form::hidden('dpt_airport_id') }}
@else
<div class="form-group">
{{ Form::select('dpt_airport_id', $airport_list, null, [
'class' => 'custom-select select2',
'style' => 'width: 100%',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('dpt_airport_id') }}</p>
@endif
</div>
<div class="col-6">
{{ Form::label('arr_airport_id', 'Arrival Airport') }}
@if($read_only)
{{ $pirep->arr_airport->name }}
(<a href="{{route('frontend.airports.show', [
'id' => $pirep->arr_airport->icao
])}}">{{$pirep->arr_airport->icao}}</a>)
{{ Form::hidden('arr_airport_id') }}
@else
<div class="input-group input-group-sm form-group">
{{ Form::select('arr_airport_id', $airport_list, null, [
'class' => 'custom-select select2',
'style' => 'width: 100%',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('arr_airport_id') }}</p>
@endif
</div>
</div>
</div>
</div>
<div class="form-container">
<h6><i class="fab fa-avianex"></i>
&nbsp;Aircraft Information
</h6>
<div class="form-container-body">
<div class="row">
<div class="col">
{{ Form::label('aircraft_id', 'Aircraft') }}
@if($read_only)
<p>{{ $pirep->aircraft->name }}</p>
{{ Form::hidden('aircraft_id') }}
@else
<div class="input-group input-group-sm form-group">
{{-- You probably don't want to change this ID if you want the fare select to work --}}
{{ Form::select('aircraft_id', $aircraft_list, null, [
'id' => 'aircraft_select',
'class' => 'custom-select select2',
'readonly' => $read_only
]) }}
</div>
<p class="text-danger">{{ $errors->first('aircraft_id') }}</p>
@endif
</div>
</div>
</div>
</div>
<div class="form-container">
<h6><i class="far fa-comments"></i>
&nbsp;Remarks
</h6>
<div class="form-container-body">
<div class="row">
<div class="col">
{{ Form::label('route', 'Route') }}
<div class="input-group input-group-sm form-group">
{{ Form::textarea('route', null, ['class' => 'form-control', 'placeholder' => 'Route']) }}
<p class="text-danger">{{ $errors->first('route') }}</p>
</div>
<p class="text-danger">{{ $errors->first($field->slug) }}</p>
</td>
</tr>
@endforeach
<tr>
<td class="align-text-top">Route</td>
<td>
<div class="input-group form-group">
{{ Form::textarea('route', null, ['class' => 'form-control', 'placeholder' => 'Route']) }}
</div>
<p class="text-danger">{{ $errors->first('route') }}</p>
</td>
</tr>
<tr>
<td class="align-text-top"><p class="">Notes</p></td>
<td>
<div class="input-group form-group">
{{ Form::textarea('notes', null, ['class' => 'form-control', 'placeholder' => 'Notes']) }}
<div class="col">
{{ Form::label('notes', 'Notes') }}
<div class="input-group input-group-sm form-group">
{{ Form::textarea('notes', null, ['class' => 'form-control', 'placeholder' => 'Notes']) }}
<p class="text-danger">{{ $errors->first('notes') }}</p>
</div>
</div>
<p class="text-danger">{{ $errors->first('notes') }}</p>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="row">
{{-- You don't want to change this ID unless you don't want the fares form to work :) --}}
<div id="fares_container" class="col-sm-12">
@include("pireps.fares")
<div class="col-4">
<div class="form-container">
<h6><i class="fab fa-wpforms"></i>
&nbsp;Fields
</h6>
<div class="form-container-body">
{{--
Write out the custom fields, and label if they're required
--}}
@foreach($pirep_fields as $field)
<tr>
<td>
{{ $field->name }}
@if($field->required === true)
<span class="text-danger">*</span>
@endif
</td>
<td>
<div class="input-group input-group-sm form-group">
{{ Form::text($field->slug, null, [
'class' => 'form-control'
]) }}
</div>
<p class="text-danger">{{ $errors->first($field->slug) }}</p>
</td>
</tr>
@endforeach
</div>
</div>
<div id="fares_container">
@include('pireps.fares')
</div>
</div>
</div>
<div class="row">
@ -239,7 +299,8 @@ flight reports that have been filed. You've been warned!
<div class="col-sm-12">
<div class="float-right">
<div class="form-group">
{{ Form::submit('Save PIREP', ['class' => 'btn btn-primary']) }}
{{--{{ Form::button('Save Draft', ['class' => 'btn btn-primary']) }}--}}
{{ Form::submit('Save PIREP', ['class' => 'btn btn-info']) }}
</div>
</div>
</div>

2
resources/views/layouts/default/pireps/index.blade.php
View File

@ -5,7 +5,7 @@
<div class="row">
<div class="col-md-12">
<div style="float:right;">
<a class="btn btn-primary pull-right btn-lg"
<a class="btn btn-info pull-right btn-lg"
style="margin-top: -10px;margin-bottom: 5px"
href="{{ route('frontend.pireps.create') }}">File New PIREP</a>
</div>

4
resources/views/layouts/default/pireps/show.blade.php
View File

@ -71,13 +71,13 @@
{{--
SIDEBAR
RIGHT SIDEBAR
--}}
<div class="col-4">
<h5>flight info</h5>
<h2>&nbsp;</h2>
<table class="table table-hover table-condensed">
<tr>
<td width="30%">Status</td>