X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Ffeedback%2Ffeedback.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Ffeedback%2Ffeedback.component.pug;h=b38e410690b6b00a88b4886a1c6c48545c26a97a;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/layout/feedback/feedback.component.pug b/otf-frontend/client/src/app/layout/feedback/feedback.component.pug
new file mode 100644
index 0000000..b38e410
--- /dev/null
+++ b/otf-frontend/client/src/app/layout/feedback/feedback.component.pug
@@ -0,0 +1,45 @@
+//-  Copyright (c) 2019 AT&T Intellectual Property.                             #
+//-                                                                             #
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #
+//-  you may not use this file except in compliance with the License.           #
+//-  You may obtain a copy of the License at                                    #
+//-                                                                             #
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #
+//-                                                                             #
+//-  Unless required by applicable law or agreed to in writing, software        #
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
+//-  See the License for the specific language governing permissions and        #
+//-  limitations under the License.                                             #
+//- #############################################################################
+
+
+div([@routerTransition])
+    h2 Submit Feedback
+    hr
+
+// name label & form input
+form([formGroup]='FeedbackFormGroup')
+    .row
+        .col-sm-2
+            mat-form-field(style='width:100%')
+                input(matInput, placeholder='First Name', formControlName='firstName', required)
+                mat-error Required
+        .col-sm-2
+            mat-form-field(style='width:100%')
+                input(matInput, placeholder='Last Name', formControlName='lastName', required)
+                mat-error Required
+    .row
+        .col-sm-4
+            // email label & form input
+            mat-form-field(style='width:100%')
+                input(matInput, placeholder='example@.com', type='email', formControlName='email', required)
+    .row
+        .col-sm-4
+            // message label & form input
+            mat-form-field(style='width:100%')
+                textarea(matInput, placeholder='Message', formControlName='message', required, rows=15)
+    .row
+        .col-sm-4
+            // button for submitting the information in the form
+            button(mat-raised-button='', color='primary', class='pull-right', (click)='onSubmitFeedback()') Send Feedback