added feedback page
Showing
src/app/addcard/addcard.page.css
deleted
100644 → 0
src/app/addcard/addcard.page.css.map
deleted
100644 → 0
src/app/app.component.css
deleted
100644 → 0
src/app/app.component.css.map
deleted
100644 → 0
src/app/cart/cart.page.css
deleted
100644 → 0
| .cart_wrapper { | |||
| width: 100%; | |||
| } | |||
| .cart_wrapper .cart_head { | |||
| width: 100%; | |||
| height: 220px; | |||
| background-image: url("../../assets/[email protected]"); | |||
| background-position: center bottom; | |||
| background-repeat: no-repeat; | |||
| background-size: cover; | |||
| } | |||
| .cart_wrapper .cart_head .nav_header { | |||
| position: static; | |||
| background-color: transparent; | |||
| } | |||
| .cart_wrapper .cart_head .nav_header .nav_title h4 { | |||
| color: #FFF; | |||
| } | |||
| .cart_wrapper .cart_head .cart_menu_header { | |||
| padding: 20px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_menu_header ul { | |||
| margin: 0px; | |||
| padding: 10px; | |||
| background-color: rgba(255, 255, 255, 0.1); | |||
| border-radius: 10px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_menu_header ul li { | |||
| list-style: none; | |||
| color: #b0aec7; | |||
| width: 20%; | |||
| display: inline-block; | |||
| font-weight: 700; | |||
| font-size: 13px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_menu_header ul li hr { | |||
| height: 0px; | |||
| border-top: none; | |||
| width: 90%; | |||
| margin-top: 0px; | |||
| margin-bottom: 0px; | |||
| position: relative; | |||
| margin: 0 auto; | |||
| border-bottom: 2px dashed #b0aec7; | |||
| bottom: 4px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_menu_header ul .active { | |||
| color: #FFF; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content { | |||
| width: calc(100% - 40px); | |||
| margin: 0 auto; | |||
| height: calc(100vh - 220px); | |||
| border-radius: 10px; | |||
| background-color: #fff; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list { | |||
| width: 100%; | |||
| padding: 15px; | |||
| height: calc(100vh - 180px); | |||
| overflow: scroll; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method { | |||
| width: 100%; | |||
| padding-bottom: 15px; | |||
| padding-top: 15px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:checked, | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:not(:checked) { | |||
| position: absolute; | |||
| left: -9999px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:checked + label, | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:not(:checked) + label { | |||
| position: relative; | |||
| padding-left: 28px; | |||
| width: 100%; | |||
| cursor: pointer; | |||
| line-height: 20px; | |||
| display: inline-block; | |||
| color: #666; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:checked + label:before, | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:not(:checked) + label:before { | |||
| content: ''; | |||
| position: absolute; | |||
| left: 0; | |||
| top: 0; | |||
| width: 18px; | |||
| height: 18px; | |||
| border: 2px solid #29285b; | |||
| border-radius: 100%; | |||
| background: #fff; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:checked + label:after, | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:not(:checked) + label:after { | |||
| content: ''; | |||
| width: 12px; | |||
| height: 12px; | |||
| background: #29285b; | |||
| position: absolute; | |||
| top: 5px; | |||
| left: 5px; | |||
| border-radius: 100%; | |||
| -webkit-transition: all 0.2s ease; | |||
| transition: all 0.2s ease; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:not(:checked) + label:after { | |||
| opacity: 0; | |||
| -webkit-transform: scale(0); | |||
| transform: scale(0); | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .payment_method [type="radio"]:checked + label:after { | |||
| opacity: 1; | |||
| -webkit-transform: scale(1); | |||
| transform: scale(1); | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list h5 { | |||
| color: #3b394d; | |||
| margin: 0px; | |||
| padding: 0px; | |||
| font-weight: bolder; | |||
| font-size: 18px; | |||
| padding-bottom: 15px; | |||
| padding-top: 10px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list p { | |||
| margin: 0px; | |||
| text-align: left; | |||
| color: #29285b; | |||
| padding-left: 10px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list h6 { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #b0aec7; | |||
| white-space: nowrap; | |||
| overflow: hidden; | |||
| text-overflow: ellipsis; | |||
| text-align: left; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list h6 strong { | |||
| color: #3b394d; | |||
| font-weight: 400; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list ion-row { | |||
| padding-bottom: 10px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list hr { | |||
| border-top: none; | |||
| height: 0px; | |||
| border-bottom: 1px solid #b0aec7; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .card_div { | |||
| border: 1px solid #b0aec7; | |||
| height: 50px; | |||
| border-radius: 5px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .card_div input { | |||
| border: none; | |||
| height: 100%; | |||
| background-color: transparent; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .card_div .card_no { | |||
| width: calc(100% - 80px); | |||
| height: 100%; | |||
| padding-left: 20px; | |||
| border-right: 1px solid #b0aec7; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .card_div .cv_number { | |||
| width: 80px; | |||
| height: 100%; | |||
| text-align: center; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .after_pay { | |||
| height: 60px; | |||
| border-top: 1px solid #b0aec7; | |||
| border-bottom: 1px solid #b0aec7; | |||
| color: #b0aec7; | |||
| text-align: left; | |||
| padding-top: 17px; | |||
| margin-top: 25px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .delivery_time { | |||
| width: 100%; | |||
| padding-top: 30px; | |||
| padding-bottom: 20px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .delivery_time ul { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| text-align: left; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .delivery_time ul li { | |||
| padding: 0px; | |||
| list-style: none; | |||
| display: inline-block; | |||
| font-size: 12px; | |||
| margin-right: 10px; | |||
| text-align: center; | |||
| border: 1px solid #b0aec7; | |||
| border-radius: 4px; | |||
| padding: 5px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .delivery_time ul li strong { | |||
| color: #3b394d; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code { | |||
| padding-top: 20px; | |||
| padding-bottom: 50px; | |||
| border-bottom: 1px solid #b0aec7; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input { | |||
| width: calc(100% - 50px); | |||
| border: 1px solid #b0aec7; | |||
| border-radius: 20px; | |||
| height: 35px; | |||
| padding-left: 20px; | |||
| font-weight: 900; | |||
| color: #d7d5e4; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input::-webkit-input-placeholder { | |||
| color: #d7d5e4; | |||
| outline: none; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input:-ms-input-placeholder { | |||
| color: #d7d5e4; | |||
| outline: none; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input::-ms-input-placeholder { | |||
| color: #d7d5e4; | |||
| outline: none; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input::placeholder { | |||
| color: #d7d5e4; | |||
| outline: none; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code input:focus { | |||
| color: #d7d5e4; | |||
| outline: none; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .coupon_code .add_btn { | |||
| color: #29285b; | |||
| width: 50px; | |||
| height: 35px; | |||
| background: transparent; | |||
| font-size: 17px; | |||
| font-weight: bolder; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .checkout_list .total_div p { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #29285b; | |||
| font-weight: bolder; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list { | |||
| width: 100%; | |||
| height: calc(100vh - 200px); | |||
| overflow: scroll; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul { | |||
| margin: 0px; | |||
| padding: 10px; | |||
| width: 100%; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li { | |||
| list-style: none; | |||
| width: 100%; | |||
| padding-right: 10px; | |||
| position: relative; | |||
| padding-left: 25px; | |||
| border-bottom: 1px solid #d7d5e4; | |||
| padding-bottom: 20px; | |||
| padding-top: 20px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .close { | |||
| background-image: url("../../assets/close.png"); | |||
| width: 15px; | |||
| height: 15px; | |||
| background-position: center; | |||
| background-repeat: no-repeat; | |||
| position: absolute; | |||
| top: 55px; | |||
| left: 0px; | |||
| background-size: cover; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_image { | |||
| width: 90px; | |||
| height: 90px; | |||
| background-color: #a8a8a8; | |||
| border-radius: 8px; | |||
| float: left; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_image img { | |||
| width: 100%; | |||
| height: 100%; | |||
| -o-object-fit: cover; | |||
| object-fit: cover; | |||
| -o-object-position: center; | |||
| object-position: center; | |||
| border-radius: 8px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_detail { | |||
| float: left; | |||
| width: calc(100% - 120px); | |||
| padding-left: 15px; | |||
| padding-top: 5px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_detail h4 { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #b0aec7; | |||
| text-align: left; | |||
| font-size: 16px; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_detail h5 { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #3b394d; | |||
| text-align: left; | |||
| font-weight: bolder; | |||
| font-size: 20px; | |||
| padding-top: 10px; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_count { | |||
| width: 30px; | |||
| float: left; | |||
| height: 90px; | |||
| padding-top: 35px; | |||
| padding-bottom: 35px; | |||
| border: 1px solid #d7d5e4; | |||
| border-radius: 20px; | |||
| color: #d7d5e4; | |||
| font-size: 20px; | |||
| position: relative; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_count .add { | |||
| position: absolute; | |||
| top: 0px; | |||
| left: 0px; | |||
| right: 0px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_count .remove { | |||
| position: absolute; | |||
| bottom: 0px; | |||
| left: 0px; | |||
| right: 0px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list ul li .cart_count .count { | |||
| color: #29285b; | |||
| font-size: 16px; | |||
| font-weight: 900; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .cart_list .total_div p { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #29285b; | |||
| font-weight: bolder; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div { | |||
| width: 100%; | |||
| padding: 10px; | |||
| padding-top: 30px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div img { | |||
| width: 80px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div h4 { | |||
| color: #29285b; | |||
| font-weight: bolder; | |||
| margin-bottom: 5px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div p { | |||
| color: #29285b; | |||
| margin: 0px; | |||
| padding: 0px; | |||
| font-size: 14px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div h3 { | |||
| color: #b0aec7; | |||
| font-size: 18px; | |||
| padding-top: 20px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div h1 { | |||
| color: #3b394d; | |||
| font-weight: bolder; | |||
| font-size: 35px; | |||
| margin: 0px; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div .view_order { | |||
| height: 45px; | |||
| border-radius: 10px; | |||
| padding-left: 20px; | |||
| padding-right: 20px; | |||
| background-color: #29285b; | |||
| color: #FFF; | |||
| margin-top: 30px; | |||
| font-size: 18px; | |||
| font-weight: 400; | |||
| } | |||
| .cart_wrapper .cart_head .cart_content .order_placed_div .home_btn { | |||
| height: 45px; | |||
| color: #29285b; | |||
| background-color: transparent; | |||
| padding-left: 20px; | |||
| padding-right: 20px; | |||
| margin-top: 30px; | |||
| font-size: 18px; | |||
| font-weight: 900; | |||
| } | |||
| .footer_btn { | |||
| width: 100%; | |||
| z-index: 999; | |||
| left: 0px; | |||
| right: 0px; | |||
| -webkit-box-shadow: 0px -2px 3px -1px rgba(0, 0, 0, 0.34); | |||
| box-shadow: 0px -2px 3px -1px rgba(0, 0, 0, 0.34); | |||
| background-color: #29285b; | |||
| text-align: center; | |||
| color: #fff; | |||
| font-size: 18px; | |||
| padding: 15px; | |||
| font-weight: 300; | |||
| border-top-left-radius: 15px; | |||
| border-top-right-radius: 15px; | |||
| } | |||
| .footer_btnbay { | |||
| width: 100%; | |||
| -webkit-box-shadow: 0px -2px 3px -1px rgba(0, 0, 0, 0.34); | |||
| box-shadow: 0px -2px 3px -1px rgba(0, 0, 0, 0.34); | |||
| z-index: 999; | |||
| left: 0px; | |||
| right: 0px; | |||
| border-radius: 15px; | |||
| } | |||
| .footer_btnbay .continue { | |||
| width: 50%; | |||
| border-top-left-radius: 15px; | |||
| text-align: center; | |||
| font-size: 18px; | |||
| padding: 15px; | |||
| font-weight: 300; | |||
| float: left; | |||
| border-top: 1px solid #d7d5e4; | |||
| border-left: 1px solid #d7d5e4; | |||
| } | |||
| .footer_btnbay .checkout { | |||
| width: 50%; | |||
| border-top-right-radius: 15px; | |||
| background-color: #29285b; | |||
| border: 1px solid #29285b; | |||
| text-align: center; | |||
| color: #fff; | |||
| font-size: 18px; | |||
| padding: 15px; | |||
| font-weight: 300; | |||
| float: right; | |||
| } | |||
| .sort_wrappper { | |||
| height: 100vh; | |||
| width: 100%; | |||
| background: #fff; | |||
| top: 0px; | |||
| left: 0px; | |||
| right: 0px; | |||
| bottom: 0px; | |||
| z-index: 99; | |||
| } | |||
| .sort_wrappper agm-map { | |||
| width: 100%; | |||
| height: 100vh; | |||
| } | |||
| .sort_wrappper .add_address_wrapper { | |||
| position: fixed; | |||
| bottom: 0px; | |||
| left: 0px; | |||
| right: 0px; | |||
| padding: 20px; | |||
| border-top-left-radius: 15px; | |||
| border-top-right-radius: 15px; | |||
| background: #fff; | |||
| -webkit-box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2); | |||
| box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.2); | |||
| } | |||
| .sort_wrappper .add_address_wrapper h5 { | |||
| color: #29285b; | |||
| margin: 0px; | |||
| padding: 0px; | |||
| font-weight: 800; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| padding-top: 30px; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li { | |||
| list-style: none; | |||
| margin-bottom: 15px; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li p { | |||
| margin: 0px; | |||
| padding: 0px; | |||
| color: #b0aec7; | |||
| padding-top: 5px; | |||
| padding-bottom: 5px; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox { | |||
| position: absolute; | |||
| opacity: 0; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox + label { | |||
| position: relative; | |||
| cursor: pointer; | |||
| padding: 0; | |||
| width: 100%; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox + label:before { | |||
| content: ''; | |||
| margin-right: 10px; | |||
| display: inline-block; | |||
| vertical-align: text-top; | |||
| width: 20px; | |||
| height: 20px; | |||
| border-radius: 50%; | |||
| background: white; | |||
| border: 1px solid #d7d5e4; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox:checked + label:before { | |||
| background: #29285b; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox:disabled + label { | |||
| color: #b8b8b8; | |||
| cursor: auto; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox:disabled + label:before { | |||
| -webkit-box-shadow: none; | |||
| box-shadow: none; | |||
| background: #ddd; | |||
| } | |||
| .sort_wrappper .add_address_wrapper ul li .styled-checkbox:checked + label:after { | |||
| content: ''; | |||
| position: absolute; | |||
| left: 6px; | |||
| top: 10px; | |||
| background: white; | |||
| width: 2px; | |||
| height: 2px; | |||
| -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; | |||
| box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; | |||
| -webkit-transform: rotate(45deg); | |||
| transform: rotate(45deg); | |||
| } | |||
| /*# sourceMappingURL=cart.page.css.map */ | |||
| \ No newline at end of file |
src/app/cart/cart.page.css.map
deleted
100644 → 0
| <div class="nav_header"> | <div class="nav_header"> | ||
| <button class="nav_btn nav_back floatLeft" (click)="goBack()"> | <button class="nav_btn nav_back floatLeft" (click)="goBack()"> | ||
| <img src="../assets/Group17_2.png"> | <img src="../assets/Group17_2.png" /> | ||
| </button> | </button> | ||
| <div class="nav_title floatLeft"> | <div class="nav_title floatLeft"> | ||
| <h4>Complaints & Feedback</h4> | <h4>Complaints & Feedback</h4> | ||
| ... | @@ -8,24 +8,61 @@ | ... | @@ -8,24 +8,61 @@ |
| <div class="clear"></div> | <div class="clear"></div> | ||
| </div> | </div> | ||
| <ion-content> | <ion-content> | ||
| <div class="feedback_wrapper"> | <form | ||
| novalidate | |||
| #feedbackForm="ngForm" | |||
| class="feedback_wrapper" | |||
| *ngIf="userData && feedbackData" | |||
| > | |||
| <div class="form_div"> | <div class="form_div"> | ||
| <div class="row"> | <div class="row"> | ||
| <p>From</p> | <p>From</p> | ||
| <input class="form-control" type="text" placeholder="[email protected]"> | <input | ||
| class="form-control" | |||
| type="text" | |||
| [(ngModel)]="userData.emailId" | |||
| name="from" | |||
| #from="ngModel" | |||
| readonly | |||
| [(value)]="userData.emailId" | |||
| /> | |||
| </div> | </div> | ||
| <div class="row"> | <div class="row"> | ||
| <p>To</p> | <p>To</p> | ||
| <input class="form-control" type="text" placeholder="[email protected]"> | <input | ||
| name="to" | |||
| class="form-control" | |||
| #to="ngModel" | |||
| type="text" | |||
| readonly | |||
| [(ngModel)]="feedbackData.to" | |||
| [(value)]="feedbackData.to" | |||
| /> | |||
| </div> | </div> | ||
| <div class="row"> | <div class="row"> | ||
| <p>Comments</p> | <p>Comments</p> | ||
| <textarea class="form-control" rows="8" placeholder="Type here.."></textarea> | <textarea | ||
| required | |||
| name="message" | |||
| [(ngModel)]="feedbackData.message" | |||
| #message="ngModel" | |||
| class="form-control" | |||
| rows="8" | |||
| placeholder="Type here.." | |||
| ></textarea> | |||
| <div | |||
| class="md-errors-spacer" | |||
| [hidden]="message.valid || submitted == false" | |||
| class="ion-padding-start" | |||
| > | |||
| This is required. | |||
| </div> | </div> | ||
| <div class="row"> | |||
| <button class="login_btn">SENT</button> | |||
| </div> | </div> | ||
| <div class="row"> | |||
| <button (click)="onFeedbackSubmit(feedbackForm)" class="login_btn"> | |||
| SENT | |||
| </button> | |||
| </div> | </div> | ||
| </div> | </div> | ||
| </form> | |||
| </ion-content> | </ion-content> |
| import { Component, OnInit } from '@angular/core'; | import { Component, OnInit } from '@angular/core'; | ||
| import { Location } from '@angular/common'; | import { Location } from '@angular/common'; | ||
| import { SubjectService } from '../../config/subject.service'; | |||
| import { NgForm } from '@angular/forms'; | |||
| import { FeedbackData } from '../../config/services/feedback'; | |||
| import { FeedbackService } from '../../config/feedback.service'; | |||
| import { ToastController } from '@ionic/angular'; | |||
| @Component({ | @Component({ | ||
| selector: 'app-feedback', | selector: 'app-feedback', | ||
| templateUrl: './feedback.page.html', | templateUrl: './feedback.page.html', | ||
| styleUrls: ['./feedback.page.scss'] | styleUrls: ['./feedback.page.scss'] | ||
| }) | }) | ||
| export class FeedbackPage implements OnInit { | export class FeedbackPage implements OnInit { | ||
| constructor(private location: Location) {} | submitted = false; | ||
| userData: any; | |||
| feedbackData: FeedbackData = { | |||
| feedbackId: '', | |||
| from: '', | |||
| to: '[email protected]', | |||
| message: '' | |||
| }; | |||
| constructor( | |||
| private location: Location, | |||
| public subjectService: SubjectService, | |||
| public feedService: FeedbackService, | |||
| public toastController: ToastController | |||
| ) { | |||
| // Gets userdata | |||
| this.subjectService.getUserData().subscribe(userData => { | |||
| if (userData) { | |||
| this.userData = JSON.parse(userData); | |||
| console.log(userData); | |||
| } else { | |||
| console.log(userData); | |||
| } | |||
| }); | |||
| } | |||
| onFeedbackSubmit(form: NgForm) { | |||
| this.submitted = true; | |||
| if (form.valid) { | |||
| this.feedService.feedbackCreate(form.value); | |||
| } | |||
| } | |||
| ngOnInit() {} | ngOnInit() {} | ||
| ... | ... |
src/app/forgot/forgot.page.css
deleted
100644 → 0
src/app/forgot/forgot.page.css.map
deleted
100644 → 0
src/app/landing/landing.page.css
deleted
100644 → 0
src/app/landing/landing.page.css.map
deleted
100644 → 0
src/app/login/login.page.css
deleted
100644 → 0
src/app/login/login.page.css.map
deleted
100644 → 0
src/app/myorder/myorder.page.css
deleted
100644 → 0
src/app/myorder/myorder.page.css.map
deleted
100644 → 0
src/app/nearby/nearby.page.css
deleted
100644 → 0
src/app/nearby/nearby.page.css.map
deleted
100644 → 0
src/app/profile/profile.page.css
deleted
100644 → 0
src/app/profile/profile.page.css.map
deleted
100644 → 0
src/app/signup/signup.page.css
deleted
100644 → 0
src/app/signup/signup.page.css.map
deleted
100644 → 0
src/app/sortby/sortby.page.css
deleted
100644 → 0
src/app/sortby/sortby.page.css.map
deleted
100644 → 0
src/app/tab1/tab1.page.css
deleted
100644 → 0
src/app/tab1/tab1.page.css.map
deleted
100644 → 0
src/app/tab2/tab2.page.css
deleted
100644 → 0
src/app/tab2/tab2.page.css.map
deleted
100644 → 0
src/app/tab3/tab3.page.css
deleted
100644 → 0
src/app/tab3/tab3.page.css.map
deleted
100644 → 0
src/app/tabs/tabs.page.css
deleted
100644 → 0
src/app/tabs/tabs.page.css.map
deleted
100644 → 0
src/app/wishlist/wishlist.page.css
deleted
100644 → 0
src/config/feedback.service.ts
0 → 100644
src/config/services/feedback.ts
0 → 100644
src/theme/variables.css
deleted
100644 → 0
src/theme/variables.css.map
deleted
100644 → 0
Please
register
or
sign in
to comment