Tweak component CSS

medic · Aug 11, 2023 · afae115 · afae115
1 parent b18938a
commit afae115
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 17 deletions.
diff --git a/webapp/angular.json b/webapp/angular.json
@@ -150,10 +150,14 @@
             "aot": true,
             "inlineStyleLanguage": "less",
             "assets": [
-              "web-components/cht-form/src/assets"
+              {
+                "glob": "*",
+                "input": "src/fonts",
+                "output": "fonts/"
+              }
             ],
             "styles": [
-              "web-components/cht-form/src/styles.less"
+              "src/css/inbox.less"
             ],
             "stylePreprocessorOptions": {
               "includePaths": [

diff --git a/webapp/web-components/cht-form/src/app.component.html b/webapp/web-components/cht-form/src/app.component.html
@@ -1,16 +1,13 @@
-<div class="content-pane">
-  <div [attr.id]="formId" class="enketo" [attr.data-editing]="editing">
-    <h4>Message for jkuester: {{ thankyouMessage }}</h4>
+<div [attr.id]="formId" class="enketo" [attr.data-editing]="editing">
+  <h4>Message for jkuester: {{ thankyouMessage }}</h4>
 
-    <div class="container pages"></div>
-    <div class="form-footer">
-      <button (click)="onCancel.emit()" class="btn btn-link cancel" [disabled]="status?.saving">{{'Cancel' | translate}}</button>
-      <div class="loader inline small" *ngIf="status?.saving"></div>
-      <span class="error" *ngIf="status?.error">{{status?.error}}</span>
-      <button class="btn btn-default previous-page" [disabled]="status?.saving">{{'Previous' | translate}}</button>
-      <button class="btn btn-primary next-page" [disabled]="status?.saving">{{'Next' | translate}}</button>
-      <button (click)="onSubmit.emit()" class="btn submit btn-primary" [disabled]="status?.saving">{{'Submit' | translate}}</button>
-    </div>
+  <div class="container pages"></div>
+  <div class="form-footer">
+    <button (click)="onCancel.emit()" class="btn btn-link cancel" [disabled]="status?.saving">{{'Cancel' | translate}}</button>
+    <div class="loader inline small" *ngIf="status?.saving"></div>
+    <span class="error" *ngIf="status?.error">{{status?.error}}</span>
+    <button class="btn btn-default previous-page" [disabled]="status?.saving">{{'Previous' | translate}}</button>
+    <button class="btn btn-primary next-page" [disabled]="status?.saving">{{'Next' | translate}}</button>
+    <button (click)="onSubmit.emit()" class="btn submit btn-primary" [disabled]="status?.saving">{{'Submit' | translate}}</button>
   </div>
 </div>
-
diff --git a/webapp/web-components/cht-form/src/styles.less b/webapp/web-components/cht-form/src/styles.less
diff --git a/webapp/web-components/example/index.html b/webapp/web-components/example/index.html
@@ -14,8 +14,12 @@
 <div>
   <h1 class="display-4">Helloo, world!</h1>
   <hr class="my-4">
-  <cht-form form-id="report-form"></cht-form>
+  <cht-form id="myform" form-id="report-form"></cht-form>
 <!--  <p><cht-form thankyou-message="You da real MVP"></cht-form></p>-->
 </div>
 </body>
+
+<script>
+  document.getElementById('myform').setAttribute('thankyou-message', 'somevalue');
+</script>
 </html>