Merge pull request #483 from AnkitSharma-007/main

Added the tile module

.github/workflows/main.yml

@@ -10,7 +10,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [12.x]
 
     steps:
       - uses: actions/checkout@v1

.github/workflows/nodejs.yml

@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x]
+        node-version: [12.x]
 
     steps:
       - uses: actions/checkout@v1

package.json

@@ -9,7 +9,7 @@
     "build:lib": "ng build @ngx-builders/ngx-bulma --prod",
     "serve:app": "npm run build:lib && ng serve bulma-app -o",
     "build:lib:watch": "ng build @ngx-builders/ngx-bulma --watch",
-    "build-docs": "npm run build:lib && ng build bulma-app",
+    "build-docs": "ng build bulma-app",
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
@@ -102,4 +102,4 @@
       "path": "./node_modules/cz-conventional-changelog"
     }
   }
-}
+}

projects/bulma-app/src/app/app-routing.module.ts

@@ -70,6 +70,10 @@ const routes: Routes = [
     path: 'layout/hero',
     loadChildren: () => import('./hero/hero.module').then((hero) => hero.HeroModule),
   },
+  {
+    path: 'layout/tiles',
+    loadChildren: () => import('./tile/tile.module').then((tile) => tile.TileModule),
+  },
   {
     path: 'core-team',
     loadChildren: () => import('./team/team.module').then((team) => team.TeamModule),

projects/bulma-app/src/app/landingcomponents/components/components.home.html

@@ -7,53 +7,52 @@ <h1 class="title is-2">
 <hr />
 
 <div buContainer class="nav-link-parent columns is-multiline">
-  <a class="header column is-6" [routerLink]="['/card']">
+  <a class="header column is-6" [routerLink]="['card']">
     <div class="nav-link-container">
       <i class="fas fa-id-card" aria-hidden="true"></i> Card
       <p class="nav-link-description subtitle is-5">
         An all-around flexible and composable component.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/menu']">
+  <a class="header column is-6" [routerLink]="['menu']">
     <div class="nav-link-container">
       <i class="fas fa-bars" aria-hidden="true"></i> Menu
       <p class="nav-link-description subtitle is-5">
         A simple menu, for any type of vertical navigation.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/message']">
+  <a class="header column is-6" [routerLink]="['message']">
     <div class="nav-link-container">
       <i class="fas fa-envelope" aria-hidden="true"></i> Message
       <p class="nav-link-description subtitle is-5">
         Colored message blocks, to emphasize part of your page.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/panel']">
+  <a class="header column is-6" [routerLink]="['panel']">
     <div class="nav-link-container">
       <i class="fas fa-clipboard-list" aria-hidden="true"></i> Panel
       <p class="nav-link-description subtitle is-5">
         A composable panel, for compact controls.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/modal']">
+  <a class="header column is-6" [routerLink]="['modal']">
     <div class="nav-link-container">
       <i class="fas fa-clone" aria-hidden="true"></i> Modal
       <p class="nav-link-description subtitle is-5">
         A classic modal overlay, in which you can include any content you want.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/navbar']">
+  <a class="header column is-6" [routerLink]="['navbar']">
     <div class="nav-link-container">
       <i class="fas fa-minus" aria-hidden="true"></i> Navbar
       <p class="nav-link-description subtitle is-5">
-        A responsive horizontal navbar that can support images, links, buttons,
-        and dropdowns.
+        A responsive horizontal navbar that can support images, links, buttons, and dropdowns.
       </p>
     </div>
   </a>
-</div>
+</div>

projects/bulma-app/src/app/landingcomponents/elements/elements.home.html

@@ -7,23 +7,23 @@ <h1 class="title is-2">
 <hr />
 
 <div buContainer class="nav-link-parent columns is-multiline">
-  <a class="header column is-6" [routerLink]="['/box']">
+  <a class="header column is-6" [routerLink]="['box']">
     <div class="nav-link-container">
       <i class="far fa-square" aria-hidden="true"></i> Box
       <p class="nav-link-description subtitle is-5">
         A white box to contain other elements.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/button']">
+  <a class="header column is-6" [routerLink]="['button']">
     <div class="nav-link-container">
       <i class="fas fa-hand-point-up" aria-hidden="true"></i> Button
       <p class="nav-link-description subtitle is-5">
         The classic button, in different colors, sizes, and states.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/progress']">
+  <a class="header column is-6" [routerLink]="['progress']">
     <div class="nav-link-container">
       <i class="fas fa-spinner" aria-hidden="true"></i> Progress bars
       <p class="nav-link-description subtitle is-5">

projects/bulma-app/src/app/landingcomponents/forms/forms.home.html

@@ -7,20 +7,20 @@ <h1 class="title is-2">
 <hr />
 
 <div buContainer class="nav-link-parent columns is-multiline">
-  <a class="header column is-6" [routerLink]="['/input']">
+  <a class="header column is-6" [routerLink]="['input']">
     <div class="nav-link-container">
       <i class="fas fa-minus" aria-hidden="true"></i> Input
       <p class="nav-link-description subtitle is-5">
         The text input and its variations,in different colors,sizes.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/textarea']">
+  <a class="header column is-6" [routerLink]="['textarea']">
     <div class="nav-link-container">
       <i class="fas fa-square" aria-hidden="true"></i> Textarea
       <p class="nav-link-description subtitle is-5">
         The multiline textarea and its variations.
       </p>
     </div>
   </a>
-</div>
+</div>

projects/bulma-app/src/app/landingcomponents/layout/layout.home.html

@@ -7,7 +7,7 @@ <h1 class="title is-2">
 <hr />
 
 <div buContainer class="nav-link-parent columns is-multiline">
-  <a class="header column is-6" [routerLink]="['/container']">
+  <a class="header column is-6" [routerLink]="['container']">
     <div class="nav-link-container">
       <i class="fas fa-box" aria-hidden="true"></i> Container
       <p class="nav-link-description subtitle is-5">
@@ -16,20 +16,28 @@ <h1 class="title is-2">
     </div>
   </a>
   <hr />
-  <a class="header column is-6" [routerLink]="['/hero']">
+  <a class="header column is-6" [routerLink]="['hero']">
     <div class="nav-link-container">
       <i class="fas fa-magic" aria-hidden="true"></i> Hero
       <p class="nav-link-description subtitle is-5">
         An imposing hero banner to showcase something.
       </p>
     </div>
   </a>
-  <a class="header column is-6" [routerLink]="['/footer']">
+  <a class="header column is-6" [routerLink]="['footer']">
     <div class="nav-link-container">
       <i class="fas fa-road" aria-hidden="true"></i> Footer
       <p class="nav-link-description subtitle is-5">
         A simple responsive footer which can include anything.
       </p>
     </div>
   </a>
-</div>
+  <a class="header column is-6" [routerLink]="['tiles']">
+    <div class="nav-link-container">
+      <i class="fas fa-th" aria-hidden="true"></i> Tiles
+      <p class="nav-link-description subtitle is-5">
+        A single tile element to build 2-dimensional grids.
+      </p>
+    </div>
+  </a>
+</div>

projects/bulma-app/src/app/navbar/doc-navbar/doc-navbar.component.html

@@ -84,6 +84,10 @@
           >
           <hr class="navbar-divider" />
           <a buNavItem [routerLink]="['layout/hero']" routerLinkActive="router-link-active">Hero</a>
+          <hr class="navbar-divider" />
+          <a buNavItem [routerLink]="['layout/tiles']" routerLinkActive="router-link-active"
+            >Tiles</a
+          >
         </bu-navbar-dropdown>
       </bu-navbar-link>
     </bu-navbar-start>

projects/bulma-app/src/app/tile/tile-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { TileComponent } from './tile.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: TileComponent,
+  },
+];
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class TileRoutingModule {}