chore: fix grid rendering and update form

Author: yanmariomenev

examples-standalone/kendoangular-landing-page/src/app/components/bottom-right/bottom-right.component.html

@@ -54,7 +54,6 @@
           themeColor="primary" 
           type="button" 
           [disabled]="form.invalid"
-          (click)="handleSubmit()"
         >
           Submit
         </button>

examples-standalone/kendoangular-landing-page/src/app/components/bottom-right/bottom-right.component.ts

@@ -52,12 +52,6 @@ export class BottomRightComponent {
     return null;
   }
 
-  public handleSubmit(): void {
-    if (this.form.valid) {
-      alert(JSON.stringify(this.form.value, null, 2));
-    }
-  }
-
   public clearForm(): void {
     this.form.reset();
   }

examples-standalone/kendoangular-landing-page/src/app/components/transactions-dashboard/transactions-dashboard.component.html

@@ -12,6 +12,7 @@
     [navigable]="true"
     [height]="302"
     [style.width.px]="586"
+    size="small"
     scrollable='none'
   >
     <kendo-grid-column field="time" title="Time" [width]="97"></kendo-grid-column>
@@ -26,15 +27,7 @@
 
     <kendo-grid-column field="company" title="Company" [width]="181"></kendo-grid-column>
 
-    <kendo-grid-column field="status" title="Status" [width]="54">
-      <ng-template kendoGridCellTemplate let-dataItem>
-        <span [ngClass]="getStatusClass(dataItem.status)" class="status-badge">
-          {{ dataItem.status }}
-        </span>
-      </ng-template>
-    </kendo-grid-column>
-    
-    <kendo-grid-column field="country" title="Country" [width]="54">
+    <kendo-grid-column field="country" title="Ctry." [width]="54" [columnMenu]="false">
       <ng-template kendoGridCellTemplate let-dataItem>
         <div style="display: flex; justify-content: center;" [innerHTML]="getSafeFlag(dataItem.flag)">
         </div>

examples-standalone/kendoangular-landing-page/src/app/services/grid-data.service.ts

@@ -429,51 +429,11 @@ export class GridDataService {
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clipPath="url(#clip0_6418_12247)">
-      <mask
-        id="mask0_6418_12247"
-        style="mask-type:luminance"
-        maskUnits="userSpaceOnUse"
-        x="0"
-        y="0"
-        width="24"
-        height="12"
-      >
-        <path d="M0 0V12H24V0H0Z" fill="white" />
-      </mask>
-      <g mask="url(#mask0_6418_12247)">
-        <path d="M0 0V12H24V0H0Z" fill="#012169" />
-        <path d="M0 0L24 12L0 0ZM24 0L0 12L24 0Z" fill="black" />
-        <path d="M0 0L24 12M24 0L0 12" stroke="white" strokeWidth="2.4" />
-        <mask
-          id="mask1_6418_12247"
-          style="mask-type:luminance"
-          maskUnits="userSpaceOnUse"
-          x="0"
-          y="0"
-          width="24"
-          height="12"
-        >
-          <path
-            d="M12 6H24V12L12 6ZM12 6V12H0L12 6ZM12 6H0V0L12 6ZM12 6V0H24L12 6Z"
-            fill="white"
-          />
-        </mask>
-        <g mask="url(#mask1_6418_12247)">
-          <path d="M0 0L24 12L0 0ZM24 0L0 12L24 0Z" fill="black" />
-          <path d="M0 0L24 12M24 0L0 12" stroke="#C8102E" strokeWidth="1.6" />
-        </g>
-        <path d="M12 0V12V0ZM0 6H24H0Z" fill="black" />
-        <path d="M12 0V12M0 6H24" stroke="white" strokeWidth="4" />
-        <path d="M12 0V12V0ZM0 6H24H0Z" fill="black" />
-        <path d="M12 0V12M0 6H24" stroke="#C8102E" strokeWidth="2.4" />
-      </g>
-    </g>
-    <defs>
-      <clipPath id="clip0_6418_12247">
-        <rect width="24" height="12" fill="white" />
-      </clipPath>
-    </defs>
+    <rect width="24" height="12" fill="#00247D"/>
+    <path d="M0 0L24 12M24 0L0 12" stroke="white" stroke-width="2.4"/>
+    <path d="M12 0V12M0 6H24" stroke="white" stroke-width="4"/>
+    <path d="M12 0V12M0 6H24" stroke="#CF142B" stroke-width="2"/>
+    <path d="M0 0L24 12M24 0L0 12" stroke="#CF142B" stroke-width="1"/>
   </svg>`;
 
   private gridData: GridItem[] = [