added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / layout / feedback / feedback.component.pug

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 (file)
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.                             #\r
+//-                                                                             #\r
+//-  Licensed under the Apache License, Version 2.0 (the "License");            #\r
+//-  you may not use this file except in compliance with the License.           #\r
+//-  You may obtain a copy of the License at                                    #\r
+//-                                                                             #\r
+//-      http://www.apache.org/licenses/LICENSE-2.0                             #\r
+//-                                                                             #\r
+//-  Unless required by applicable law or agreed to in writing, software        #\r
+//-  distributed under the License is distributed on an "AS IS" BASIS,          #\r
+//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
+//-  See the License for the specific language governing permissions and        #\r
+//-  limitations under the License.                                             #\r
+//- #############################################################################\r
+\r
+\r
+div([@routerTransition])\r
+    h2 Submit Feedback\r
+    hr\r
+\r
+// name label & form input\r
+form([formGroup]='FeedbackFormGroup')\r
+    .row\r
+        .col-sm-2\r
+            mat-form-field(style='width:100%')\r
+                input(matInput, placeholder='First Name', formControlName='firstName', required)\r
+                mat-error Required\r
+        .col-sm-2\r
+            mat-form-field(style='width:100%')\r
+                input(matInput, placeholder='Last Name', formControlName='lastName', required)\r
+                mat-error Required\r
+    .row\r
+        .col-sm-4\r
+            // email label & form input\r
+            mat-form-field(style='width:100%')\r
+                input(matInput, placeholder='example@.com', type='email', formControlName='email', required)\r
+    .row\r
+        .col-sm-4\r
+            // message label & form input\r
+            mat-form-field(style='width:100%')\r
+                textarea(matInput, placeholder='Message', formControlName='message', required, rows=15)\r
+    .row\r
+        .col-sm-4\r
+            // button for submitting the information in the form\r
+            button(mat-raised-button='', color='primary', class='pull-right', (click)='onSubmitFeedback()') Send Feedback\r