datacom/abc
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Moved to PHP folder

Browse Source
This commit is contained in:
William Mantly
2019-06-30 22:04:19 -04:00
parent 6822968785
commit b198cd212f
433 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2050
php/HTML/abc-front/css/bootstrap-grid.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
php/HTML/abc-front/css/bootstrap-grid.css.map Normal file
View File

File diff suppressed because one or more lines are too long

7
php/HTML/abc-front/css/bootstrap-grid.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
php/HTML/abc-front/css/bootstrap-grid.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

330
php/HTML/abc-front/css/bootstrap-reboot.css vendored Normal file
View File

@ -0,0 +1,330 @@
/*!
* Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

1
php/HTML/abc-front/css/bootstrap-reboot.css.map Normal file
View File

File diff suppressed because one or more lines are too long

8
php/HTML/abc-front/css/bootstrap-reboot.min.css vendored Normal file
View File

@ -0,0 +1,8 @@
/*!
* Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

1
php/HTML/abc-front/css/bootstrap-reboot.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

8975
php/HTML/abc-front/css/bootstrap.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
php/HTML/abc-front/css/bootstrap.css.map Normal file
View File

File diff suppressed because one or more lines are too long

7
php/HTML/abc-front/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
php/HTML/abc-front/css/bootstrap.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

46
php/HTML/abc-front/css/responsive.css Normal file
View File

@ -0,0 +1,46 @@
@media only screen and (max-width: 900px){
.abc-detail{
display: block !important;
}
.abc-detail .seat span{
top: 0;
display: inline-block;
text-align: center;
}
}
@media only screen and (max-width: 767px){
.card-detail span div, .card-detail span{
display: block !important;
margin: 7px 0;
}
.credit span,.select-payment .credit{
display: block !important;
}
.card-detail label,.credit span label{
text-align: left;
padding-bottom: 10px;
}
.credit span{
width: 100%;
}
.abc-detail .member span,.abc-detail .date span {
display: block;
margin-bottom: 10px;
}
.attendee .member ul li{
width: 100%;
}
.attendee .member ul{
display: block !important;
}
.member div{
display: block !important;
}
.member{
flex-direction: column !important;
}
}

545
php/HTML/abc-front/css/style.css Normal file
View File

@ -0,0 +1,545 @@
@font-face {
font-family: 'HelveticaNeue-Condensed';
src: url(../fonts/HelveticaNeue-Condensed.otf);
}
@font-face {
font-family: 'HelveticaNeue-Extended';
src: url(../fonts/HelveticaNeue-Extended.otf);
}
@font-face {
font-family: 'HelveticaNeue-HeavyCond';
src: url(../fonts/HelveticaNeue-HeavyCond.otf);
}
@font-face {
font-family: 'HelveticaNeueLight';
src: url(../fonts/HelveticaNeueLight.ttf);
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
.container{
max-width: 970px;
}
.header{
padding:5px 0;
}
.logo img{
max-width: 125px;
max-height: 100px;
margin: 5px 0;
}
.logo h1{
font-size: 25px;
padding-left: 10px;
font-family: 'HelveticaNeue-Condensed';
}
.abc-tab{
margin-top:20px;
}
.abc-tab .nav-tabs{
border-bottom:5px solid #003e7e;
}
.abc-tab .nav-tabs li{
background-color:none !important;
margin-right: 5px;
}
.abc-tab .nav-tabs li a.active{
background-color: #003e7e;
color:#fff;
}
.abc-tab .nav-tabs li a{
color: #000;
border: 0 !important;
}
.abc-detail{
padding:5px;
}
.abc-detail .title{
flex: 3;
}
.abc-detail .seat{
flex: 1;
text-align: center;
}
.abc-detail h2{
font-family: 'HelveticaNeue-Condensed';
font-size: 21px;
color:#000;
padding: 5px 0;
margin-bottom: 10px;
}
.abc-detail .adv{
font-family: 'HelveticaNeueLight';
font-size: 17px;
color:#000;
padding: 5px 0;
}
.abc-detail .adv input{
max-width: 100px;
padding:5px;
}
.abc-expand .member{
font-family: 'HelveticaNeueLight';
font-size: 16px;
color:#000;
padding: 5px 0;
margin-bottom: 10px;
}
.abc-expand .member span{
margin-right: 50px;
}
.abc-detail .date{
font-family: 'HelveticaNeueLight';
font-size: 15px;
color:#000;
padding: 5px 0;
}
.abc-detail .date input[type="checkbox"]{
display: none;
}
.abc-detail .date input[type="checkbox"] + label{
border:1px solid #000;
width:15px;
height:15px;
margin-right: 15px;
vertical-align: bottom;
display: inline-block;
position: relative;
font-size: 30px;
}
.abc-detail .date input[type="checkbox"] + label:after{
content: '✔';
color: #0000ff;
opacity: 0;
position: absolute;
left: 3px;
top: 3px;
transform: translate(-50%, -50%);
right: 0;
}
.abc-detail .date input[type="checkbox"]:checked + label:after{
opacity: 1;
}
.abc-detail .date span{
margin-right: 84px;
}
.abc-detail .seat span{
font-family: 'HelveticaNeueLight';
font-size: 15px;
color: #fff;
padding: 10px;
background: #003e7e;
position: relative;s
margin: auto;
max-width: 67px;
top: 45px;
}
.abc-expand h2{
font-family: 'HelveticaNeue-Condensed';
font-size: 21px;
color: #000;
margin-bottom: 10px;
}
.abc-expand p{
font-family: 'HelveticaNeueLight';
font-size: 17px;
color: #000;
line-height: 25px;
}
.abc-expand span{
font-family: 'HelveticaNeueLight';
font-size: 14px;
color: #000;
}
.no-pad{
margin: 0;
padding:0;
}
.abc-expand{
margin:25px 0;
}
.attendee h3{
background: #ccc;
font-family: 'HelveticaNeue-Condensed';
font-size: 21px;
color: #000;
padding:10px;
width: 100%;
}
.class-des{
padding-bottom: 15px;
}
.attendee .member ul li{
margin-right: 10px;
font-family: 'HelveticaNeueLight';
font-size: 16px;
margin-bottom: 10px;
}
.attendee .member ul li input{
height: 35px;
border: 1px solid #ccc;
width: 100%;
padding-left:10px;
-webkit-text-fill-color:#333;
}
.attendee .member span{
color: #ec3e42;
align-self: center;
font-size: 20px;
font-weight: 600;
margin-right: 5px;
}
.attendee .member p{
font-family: 'HelveticaNeueLight';
font-size: 14px;
line-height: 20px;
}
.attendee .member label{
align-self: center;
padding-top: 5px;
}
.attendee label{
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
color: #000;
padding:15px 0;
}
.class-total h3 {
background: #ccc;
font-family: 'HelveticaNeue-Condensed';
font-size: 21px;
color: #000;
padding: 10px;
width: 100%;
margin-top: 25px;
margin-bottom: 10px;
}
.alumi label{
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
color: #000;
padding:5px 0;
margin-bottom: 10px;
}
.alumi-content{
font-family: 'HelveticaNeueLight';
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
}
.class-sum{
margin-top: 25px;
font-family: 'HelveticaNeue-Condensed';
font-size: 18px;
}
.abc-expand{
display: none;
border: 1px solid #ccc;
padding: 25px;
}
.abc-detail {
padding: 5px;
padding-bottom: 25px;
}
.abc-tab .nav{
border-bottom: 1px solid #ccc;
}
.abc-tab .nav a{
color: #000;
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
padding: 9px 25px;
line-height: 35px;
text-decoration: none;
}
.abc-tab .nav a.active{
background: #9bc0e2;
}
.abc-btn button{
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
padding:5px 20px;
margin-top: 25px;
}
.abc-approve h1 {
font-family: 'HelveticaNeue-Condensed';
font-size: 35px;
color: #000;
width: 100%;
margin:20px 0;
}
.abc-approve h2 {
font-family: 'HelveticaNeue-Condensed';
font-size: 25px;
color: #000;
width: 100%;
margin-top: 25px;
margin-bottom: 10px;
background: #5c6a7a;
padding: 15px;
color: #fff;
}
.abc-approve p {
font-family: 'HelveticaNeueLight';
font-size: 15px;
line-height: 20px;
}
.approve label input{
width:25px;
height: 25px;
border:1px solid #ccc;
padding-left: 10px;
margin-right: 10px;
}
.approve-content{
font-family: 'HelveticaNeueLight';
font-size: 15px;
line-height: 20px;
margin-bottom: 15px;
}
.approve{
margin:10px 0;
}
.approve label {
font-family: 'HelveticaNeue-Condensed';
font-size: 18px;
color: #000;
width: 100%;
margin-top: 25px;
margin-bottom: 10px;
position: relative;
}
.approve label span {
background: #cdcdcd;
padding: 5px 10px;
left: -40px;
top: -5px;
position: absolute;
}
.select-payment h3 {
background: #333366;
font-family: 'HelveticaNeue-Condensed';
font-size: 21px;
color: #fff;
padding: 10px;
width: 100%;
text-align: center;
}
.select-payment .credit{
background: #cccccc;
}
.credit input[type="checkbox"]{
display: none;
}
.credit input[type="checkbox"] + label{
border:1px solid #000;
width:15px;
height:15px;
margin-right: 15px;
vertical-align: bottom;
display: inline-block;
position: relative;
font-size: 30px;
}
.credit input[type="checkbox"] + label:after{
content: '✔';
color: #0000ff;
opacity: 0;
position: absolute;
left: 3px;
top: 3px;
transform: translate(-50%, -50%);
right: 0;
}
.credit input[type="checkbox"]:checked + label:after{
opacity: 1;
}
.credit span{
width: 50%;
font-family: 'HelveticaNeueLight';
font-size: 15px;
padding:10px 10px;
}
.select-payment{
margin-bottom: 25px;
}
.card-detail select {
width: 100%;
height: 35px;
border: 1px solid #ccc;
font-family: 'HelveticaNeueLight';
font-size: 13px;
}
.card-detail input {
width: 100%;
height: 35px;
border: 1px solid #ccc;
font-family: 'HelveticaNeueLight';
font-size: 13px;
padding-left: 10px;
}
.card-detail label {
font-family: 'HelveticaNeueLight';
font-size: 16px;
margin-right: 10px;
align-self: center;
/* min-width: 100px; */
text-align: right;
font-weight: 500;
min-width: 150px;
}
.card-detail span{
margin-top:15px;
}
.comp-detail{
background: #fff !important;
}
.comp-detail span{
width: 100%;
padding:0;
margin-bottom: 15px;
}
.comp-detail input {
width: 100%;
height: 35px;
border: 1px solid #ccc;
font-family: 'HelveticaNeueLight';
font-size: 13px;
padding-left: 10px;
}
.m-200{
min-width: 150px;
}
.credit input {
width: 100%;
height: 35px;
border: 1px solid #a4a4a4;
font-family: 'HelveticaNeueLight';
font-size: 13px;
padding-left: 10px;
background: transparent;
}
.sale-in{
font-family: 'HelveticaNeueLight';
font-size: 15px;
padding-left: 10px;
color:#333;
}
.clear-btn{
min-width: 100px;
background: #ff0000;
color: #fff;
padding:7px;
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
}
.process-btn{
min-width: 100px;
background: #006699;
color: #fff;
padding: 7px;
font-family: 'HelveticaNeue-Condensed';
font-size: 17px;
}
.abc-img img{
max-width: 100%;
}
.clone-append ul{
position: relative;
}
.clone-append button{
position: absolute;
right: -17px;
font-size: 20px;
cursor: pointer;
top: 7px;
color: red;
font-weight: bold;
border: 0;
background: transparent;
}
.hr-span{
background: lightgrey;
padding: 6px 12px;
font-family: 'HelveticaNeue-HeavyCond';
font-size: 13px;
color: #000;
margin-left: 10px;
}
.abc-detail .adv{
margin-bottom: 10px;
}
.d-flex.alumi-content span{
position: relative;
right: -11px;
font-size: 17px;
cursor: pointer;
color: red;
font-weight: bold;
border: 0;
background: transparent;
}
.grand{
border-top: 1px solid #be0000;
border-bottom: 1px solid #be0000;
padding: 20px 0;
font-size: 25px;
color:#be0000;
}
.cd-sub label{
margin-right: 15px;
}
.comp-detail{
margin-top:15px;
}
.company-expand{
display: none;
}

BIN
php/HTML/abc-front/fonts/HelveticaNeue-Condensed.otf Normal file
View File

Binary file not shown.

BIN
php/HTML/abc-front/fonts/HelveticaNeue-Extended.otf Normal file
View File

Binary file not shown.

BIN
php/HTML/abc-front/fonts/HelveticaNeue-HeavyCond.otf Normal file
View File

Binary file not shown.

BIN
php/HTML/abc-front/fonts/HelveticaNeueLight.ttf Normal file
View File

Binary file not shown.

127
php/HTML/abc-front/hosted-payment.html Normal file
View File

@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ABC</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
</head>
</head>
<body>
<header>
<div class="container">
<div class="logo d-flex">
<img src="img/logo.jpg" alt="">
<span class="d-flex align-items-center justify-content-center">
<h1>Continuing Education Registration</h1>
</span>
</div>
</div>
</header>
<section>
<div class="container">
<div class="select-payment">
<h3>Select Payment Type</h3>
<div class="credit d-flex">
<span> <input type="checkbox" id="host1" class="check_box"><label for="host1"></label>Credit Card / Debit Card</span>
<span> <input type="checkbox" id="host2" class="check_box"><label for="host2"></label>Invoice Company</span>
</div>
</div>
<div class="select-payment">
<h3>Card Details</h3>
<div class="card-detail">
<span class="d-flex"><label for="">Card holder Name:*</label><input type="text"></span>
<span class="d-flex"><label for="">Card Number:*</label><input type="text"></span>
<span class="d-flex">
<label for="">Edit Card Type:* </label>
<select name="">
<option value="Class1">Select</option>
<option value="Class1">Class1</option>
<option value="Class1">Class1</option>
<option value="Class1">Class1</option>
</select>
</span>
<span class="d-flex">
<div class="col-md-4 d-flex no-pad"><label for="">Expiration Month:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="">Exp Year:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="">CVV Code:*</label><input type="text"></div>
</span>
<span class="d-flex"><label for="">Street Address:*</label><input type="text"></span>
<span class="d-flex">
<div class="col-md-4 d-flex no-pad"><label for="">City:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="">State:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="">Postal Code:*</label><input type="text"></div>
</span>
<span class="d-flex">
<div class="col-md-6 d-flex no-pad"><label for="">Phone Number:*</label><input type="text"></div>
<div class="col-md-6 d-flex no-pad"><label for="">Fax Number: </label><input type="text"></div>
</span>
<span class="d-flex"><label for="" style="width:180px;">Additional Instructions:</label><textarea class="form-control" rows="5" id="comment"></textarea></span>
</div>
</div>
<div class="select-payment">
<h3>Company Details</h3>
<div class="credit comp-detail">
<span class="d-flex"> <input type="checkbox" id="detail" class="check_box"><label for="detail"></label>Same as above</span>
<div class="company-expand detail">
<span class="d-flex"><label for="" class="m-200 align-self-center">Card holder Name:*</label><input type="text"> </span>
<span class="d-flex"><label for="" class="m-200 align-self-center">Street Address*</label><input type="text"> </span>
<span class="d-flex cd-sub">
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Expiration Month:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Exp Year:*</label><input type="text"></div>
<div class="col-md-4 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">CVV Code:*</label><input type="text"></div>
</span>
<span class="d-flex cd-sub">
<div class="col-md-6 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Phone Number:*</label><input type="text"></div>
<div class="col-md-6 d-flex no-pad"><label for="" class="m-200 text-right align-self-center">Fax Number:*</label><input type="text"></div>
</span>
</div>
</div>
</div>
<div class="select-payment">
<h3>Sale Information</h3>
<div class="credit d-flex sale-in">
<div class="p-2">Total Sale Amount:</div>
<div class="ml-auto p-2">$47.98</div>
</div>
</div>
<div class="select-payment">
<h3>Notifications / Receipts</h3>
<div class="credit d-flex">
<span class="align-self-center"> <input type="checkbox" id="host5" class="check_box"><label for="host5"></label>Credit Card / Debit Card</span>
<span class="d-flex"> <label class="align-self-center m-200">Email Address:</label> <input type="text"></span>
</div>
</div>
<div class="d-flex justify-content-center bd-highlight mb-3">
<div class="p-2 bd-highlight"><button type="button" class="btn clear-btn">Clear</button></div>
<div class="p-2 bd-highlight"><button type="button" class="btn process-btn">Process</button></div>
</div>
<div class="abc-img d-flex flex-wrap justify-content-center align-items-center">
<img src="img/visa.png" alt="">
<img src="img.ssl.png" alt="">
<img src="img/data.png" alt="">
<img src="img/abc.png" alt="">
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
var inputValue = $(this).attr("id");
$("." + inputValue).toggle();
});
});
</script>
</body>
</html>

BIN
php/HTML/abc-front/img/abc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
php/HTML/abc-front/img/banner.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
php/HTML/abc-front/img/data.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
php/HTML/abc-front/img/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
php/HTML/abc-front/img/ssl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
php/HTML/abc-front/img/visa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

331
php/HTML/abc-front/index.html Normal file
View File

@ -0,0 +1,331 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ABC</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<header>
<div class="container">
<div class="logo d-flex">
<img src="img/logo.jpg" alt="">
<span class="d-flex align-items-center justify-content-center">
<h1>Continuing Education Registration</h1>
</span>
</div>
</div>
</header>
<section class="abc-tab">
<div class="container">
<div class="d-flex flex-row nav">
<div><a href="index.html" class="active">Anaheim</a></div>
<div> <a href="laventura.html" >LA / Ventura</a></div>
</div>
<!-- first item -->
<div class="abc-detail d-flex">
<div class="title">
<h2 class="justify-content-center d-flex">Class Title</h2>
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
<div class="date"><span> <input type="checkbox" id="start" class="check_box" placeholder="start"><label for="start"></label>Start Date:</span>
<span>10/12/2018</span>
<span>3pm </span>
<span>M, W, F</span>
</div>
</div>
<div class="seat">
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
<span> 25</span>
</div>
</div>
<div class="abc-expand start">
<div class="member d-flex"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
<div class="d-flex class-des">
<div class="col-md-5 no-pad">
<h2>Class Description</h2>
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
<span>Instructor: Samuel Smith</span>
</div>
<div class="col-md-7">
<h2>Class Details</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/2018<br>
Time: 5:00 pm – 9:00 pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F<br>
Seats Available: 28<br>
</p>
</div>
</div>
<div class="attendee">
<h3>Attendee Info</h3>
<label>Member / Alumni</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Non-Member</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Subscribing Employer</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
</div>
<div class="class-total">
<h3>Class Totals</h3>
<div class="alumi">
<label>Member / Alumni</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 196.00</div>
</div>
<label>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<label>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8">Class Total</div>
<div class="col-sm-4">$ 958.00</div>
</div>
</div>
</div>
</div>
<!-- /first item -->
<!-- second item-->
<div class="abc-detail d-flex">
<div class="title">
<h2 class="justify-content-center d-flex">Class Title</h2>
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
<div class="date"><span> <input type="checkbox" id="start1" class="check_box" placeholder="start1"><label for="start1"></label>Start Date:</span>
<span>10/12/2018</span>
<span>3pm </span>
<span>M, W, F</span>
</div>
</div>
<div class="seat">
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
<span> 25</span>
</div>
</div>
<div class="abc-expand start1">
<div class="member"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
<div class="d-flex class-des">
<div class="col-md-5 no-pad">
<h2>Class Description</h2>
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
<span>Instructor: Samuel Smith</span>
</div>
<div class="col-md-7">
<h2>Class Details</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/2018<br>
Time: 5:00 pm – 9:00 pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F<br>
Seats Available: 28<br>
</p>
</div>
</div>
<div class="attendee">
<h3>Attendee Info</h3>
<label>Member / Alumni</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Non-Member</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Subscribing Employer</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
</div>
<div class="class-total">
<h3>Class Totals</h3>
<div class="alumi">
<label>Member / Alumni</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 196.00</div>
</div>
<label>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<label>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8">Class Total</div>
<div class="col-sm-4">$ 958.00</div>
</div>
</div>
</div>
</div>
<!-- /seconditem -->
<div class="d-flex justify-content-between abc-btn">
<div class="p-2"><button type="button" class="btn" style="background: #899ec4;">Back</button></div>
<div class="p-2"><button type="button" class="btn" style="background: #ff0000; color: #fff; ">Reset</button></div>
<div class="p-2"><button type="button" class="btn" style="background: #333366; color: #fff;">Review Order</button></div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".enroll-btn").click(function(){
var html="";
html+='<div><ul class="d-flex">'
html+='<li><input type="text" placeholder="First Name*"></li>'
html+='<li><input type="text" placeholder="Last Name*"></li>'
html+=' <li><input type="text" placeholder="Email Address*"></li>'
html+=' <li><input type="text" placeholder="Phone Number*"></li> <button class="cls-btn"> X </button></ul></div>'
$(this).parent().find('.clone-append').append(html).html();
});
$('body').delegate(".cls-btn", "click",function(){
$(this).closest('div').hide();
// // $(this).parent().hide();
// $(this).parent().hide();
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
var inputValue = $(this).attr("placeholder");
$("." + inputValue).toggle();
});
});
</script>
</body>
</html>

6328
php/HTML/abc-front/js/bootstrap.bundle.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
php/HTML/abc-front/js/bootstrap.bundle.js.map Normal file
View File

File diff suppressed because one or more lines are too long

7
php/HTML/abc-front/js/bootstrap.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
php/HTML/abc-front/js/bootstrap.bundle.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

3894
php/HTML/abc-front/js/bootstrap.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

1
php/HTML/abc-front/js/bootstrap.js.map Normal file
View File

File diff suppressed because one or more lines are too long

7
php/HTML/abc-front/js/bootstrap.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
php/HTML/abc-front/js/bootstrap.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

331
php/HTML/abc-front/laventura.html Normal file
View File

@ -0,0 +1,331 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ABC</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<header>
<div class="container">
<div class="logo d-flex">
<img src="img/logo.jpg" alt="">
<span class="d-flex align-items-center justify-content-center">
<h1>Continuing Education Registration</h1>
</span>
</div>
</div>
</header>
<section class="abc-tab">
<div class="container">
<div class="d-flex flex-row nav">
<div><a href="index.html">Anaheim</a></div>
<div> <a href="laventura.html" class="active">LA / Ventura</a></div>
</div>
<!-- first item -->
<div class="abc-detail d-flex">
<div class="title">
<h2 class="justify-content-center d-flex">Class Title</h2>
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
<div class="date"><span> <input type="checkbox" id="start" class="check_box" placeholder="start"><label for="start"></label>Start Date:</span>
<span>10/12/2018</span>
<span>3pm </span>
<span>M, W, F</span>
</div>
</div>
<div class="seat">
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
<span> 25</span>
</div>
</div>
<div class="abc-expand start">
<div class="member d-flex"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
<div class="d-flex class-des">
<div class="col-md-5 no-pad">
<h2>Class Description</h2>
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
<span>Instructor: Samuel Smith</span>
</div>
<div class="col-md-7">
<h2>Class Details</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/2018<br>
Time: 5:00 pm – 9:00 pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F<br>
Seats Available: 28<br>
</p>
</div>
</div>
<div class="attendee">
<h3>Attendee Info</h3>
<label>Member / Alumni</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Non-Member</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Subscribing Employer</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
</div>
<div class="class-total">
<h3>Class Totals</h3>
<div class="alumi">
<label>Member / Alumni</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 196.00</div>
</div>
<label>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<label>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8">Class Total</div>
<div class="col-sm-4">$ 958.00</div>
</div>
</div>
</div>
</div>
<!-- /first item -->
<!-- second item-->
<div class="abc-detail d-flex">
<div class="title">
<h2 class="justify-content-center d-flex">Class Title</h2>
<div class="adv"> Advanced Mechanic's Lien Hrs<span class="hr-span">4</span></div>
<div class="date"><span> <input type="checkbox" id="start1" class="check_box" placeholder="start1"><label for="start1"></label>Start Date:</span>
<span>10/12/2018</span>
<span>3pm </span>
<span>M, W, F</span>
</div>
</div>
<div class="seat">
<h2 class="justify-content-center d-flex">Seats Remaining</h2>
<span> 25</span>
</div>
</div>
<div class="abc-expand start1">
<div class="member"> <span>Member / Alumni: $165.00 </span> <span> Non -Member: $265.00 </span> <span>SE: $0.00</span></div>
<div class="d-flex class-des">
<div class="col-md-5 no-pad">
<h2>Class Description</h2>
<p>Class follows the American Traffic Safety Services Association curriculum.</p>
<span>Instructor: Samuel Smith</span>
</div>
<div class="col-md-7">
<h2>Class Details</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/2018<br>
Time: 5:00 pm – 9:00 pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F<br>
Seats Available: 28<br>
</p>
</div>
</div>
<div class="attendee">
<h3>Attendee Info</h3>
<label>Member / Alumni</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Non-Member</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
<label>Subscribing Employer</label>
<div class="member flex-row d-flex flex-wrap">
<div class="col-sm-10 no-pad">
<ul class="d-flex">
<li><input type="text" placeholder="First Name*"></li>
<li><input type="text" placeholder="Last Name*"></li>
<li><input type="text" placeholder="Email Address*"></li>
<li><input type="text" placeholder="Phone Number*"></li>
</ul>
</div>
<div class="col-sm-2 enroll-btn">
<label class="d-flex">
<span>+</span>
<p>Enroll Attendee</p>
</label>
</div>
<div class="col-sm-10 clone-append no-pad"> </div>
</div>
</div>
<div class="class-total">
<h3>Class Totals</h3>
<div class="alumi">
<label>Member / Alumni</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 196.00</div>
</div>
<label>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Bob Jones bobjones@msn.com (714) 555-2222 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8">Sam Smith ssmith@yahoo.com (909) 797-1234 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<label>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8">Joe Smith jsmith@yahoo.com (714) 293-2310 <span> X </span></div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8">Class Total</div>
<div class="col-sm-4">$ 958.00</div>
</div>
</div>
</div>
</div>
<!-- /seconditem -->
<div class="d-flex justify-content-between abc-btn">
<div class="p-2"><button type="button" class="btn" style="background: #899ec4;">Back</button></div>
<div class="p-2"><button type="button" class="btn" style="background: #ff0000; color: #fff; ">Reset</button></div>
<div class="p-2"><button type="button" class="btn" style="background: #333366; color: #fff;">Review Order</button></div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".enroll-btn").click(function(){
var html="";
html+='<div><ul class="d-flex">'
html+='<li><input type="text" placeholder="First Name*"></li>'
html+='<li><input type="text" placeholder="Last Name*"></li>'
html+=' <li><input type="text" placeholder="Email Address*"></li>'
html+=' <li><input type="text" placeholder="Phone Number*"></li> <button class="cls-btn"> X </button></ul></div>'
$(this).parent().find('.clone-append').append(html).html();
});
$('body').delegate(".cls-btn", "click",function(){
$(this).closest('div').hide();
// // $(this).parent().hide();
// $(this).parent().hide();
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
var inputValue = $(this).attr("placeholder");
$("." + inputValue).toggle();
});
});
</script>
</body>
</html>

114
php/HTML/abc-front/review.html Normal file
View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ABC</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<div class="logo d-flex">
<img src="img/logo.jpg" alt="">
<span class="d-flex align-items-center justify-content-center">
<h1>Continuing Education Registration</h1>
</span>
</div>
</div>
</header>
<section class="abc-approve">
<div class="container">
<h1>Review / Approve Registrations</h1>
<h2>Traffic Control and Flagging</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/201<br>
Time: 5:00 pm – 9:00pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F
</p>
<div class="approve">
<label><span>5</span>Member / Alumni</label>
<div class="d-flex approve-content">
<div class="col-sm-8 no-pad">Joe Smith jsmith@yahoo.com (714) 293-2310 (remove)</div>
<div class="col-sm-4">$ 196.00</div>
</div>
<label><span>5</span>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Sam Smith ssmith@yahoo.com (909) 797-1234 (remove)</div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Bob Jones bobjones@msn.com (714) 555-2222 (remove)</div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Sam Smith ssmith@yahoo.com (909) 797-1234 (remove)</div>
<div class="col-sm-4">$ 254.00</div>
</div>
<label><span>5</span>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Joe Smith jsmith@yahoo.com (714) 293-2310 (remove)</div>
<div class="col-sm-4">$ 254.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8 no-pad">Class Total</div>
<div class="col-sm-4">$ 958.00</div>
</div>
</div>
<h2>OSHA 502</h2>
<p>Start Date: 08/06/2018<br>
End Date: 08/30/201<br>
Time: 5:00 pm – 9:00pm<br>
Location: Room 102<br>
Days of Week: M, T, W, TH, F
</p>
<div class="approve">
<label><span>5</span>Member / Alumni</label>
<div class="d-flex approve-content">
<div class="col-sm-8 no-pad">Dan Ericson Dericson@gmail.com (714) 293-2310 (remove)</div>
<div class="col-sm-4">$ 199.00</div>
</div>
<div class="d-flex approve-content">
<div class="col-sm-8 no-pad">Ivan Turner Ivan@msn.com (909) 797-1234 (remove)</div>
<div class="col-sm-4">$ 199.00</div>
</div>
<div class="d-flex approve-content">
<div class="col-sm-8 no-pad">Peter Schwartz pschwartz@gmail.com (714) 555-2222 (remove)</div>
<div class="col-sm-4">$ 199.00</div>
</div>
<label><span>5</span>Non-Member</label>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Carlos Alvarez calvarez@gmail.com (909) 956-1123 (remove)</div>
<div class="col-sm-4">$ 199.00</div>
</div>
<label><span>5</span>Subscribing Employer</label>
<div class="d-flex alumi-content">
<div class="col-sm-8 no-pad">Joe Thomas Joethomas@aol.com (909) 956-1100 (remove)</div>
<div class="col-sm-4">$ 299.00</div>
</div>
<div class="d-flex alumi-content class-sum">
<div class="col-sm-8 no-pad">Class Total</div>
<div class="col-sm-4">$ 856.00</div>
</div>
<div class="d-flex alumi-content class-sum grand">
<div class="col-sm-8 no-pad">Grand Total</div>
<div class="col-sm-4">$ 3336.00</div>
</div>
</div>
<div class="d-flex justify-content-between abc-btn">
<div class="p-2"><button type="button" class="btn" style="background: #be0000; color: #fff;">Back</button></div>
<div class="p-2 ml-auto"><button type="button" class="btn" style="background: #899ec4;">Approve</button></div>
</div>
</div>
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>