Added mapbox-gl plugin

Author: DPTeamMember

.gitignore

@@ -3,4 +3,6 @@
 npm-debug.log*
 dist
 node_modules
-.idea
+.idea
+architectui-html-free
+package-lock.json

Changelog.md

@@ -1,3 +1,10 @@
 ### Changelog
 
-## Version 1.0.0 (17 January 2019)
+## Version 1.0.0 (17 January 2019)
+
+## Version 1.2.3 (19 May 2021)
+
+- Added mapbox-gl plugin
+- Alert Dismissing issue resolved
+- Card image issue resolved
+- Fontawesome icon issue resolved

package.json

@@ -1,6 +1,6 @@
 {
   "name": "architectui-html-free",
-  "version": "1.1.1",
+  "version": "1.2.3",
   "description": "ArchitectUI - Free Bootstrap 4 Admin Dashboard Template",
   "author": "DashboardPack.com",
   "homepage": "https://dashboardpack.com",
@@ -57,10 +57,10 @@
     "animate.css": "^3.7.0",
     "bootstrap": "^4.1.3",
     "chart.js": "^2.7.3",
-    "fullcalendar": "^3.9.0",
+    "fullcalendar": "3.10.0",
     "gmaps": "^0.4.24",
     "jquery": "^3.3.1",
-    "jvectormap-next": "^2.0.4",
+    "mapbox-gl": "^2.2.0",
     "metismenu": "^3.0.3",
     "moment": "^2.23.0",
     "pe7-icon": "^1.0.4",

src/DemoPages/components/maps.hbs

@@ -6,11 +6,12 @@
             <div class="row">
                 <div class="col-md-6">
                     <div class="main-card mb-3 card">
-                        <div class="card-body">
-                            <div class="card-title">World Map</div>
-                            <div id="world-map-gdp" style="width: 100%; height: 300px;"></div>
+                        <div class="card-body" style="height: 400px;">
+                        <div class="card-title">World Map</div>
+                        <div id="map" style="position: absolute; top: 47px; left: 0px; height: 300px; width: 575px;">
                         </div>
                     </div>
+                    </div>
                 </div>
                 <div class="col-md-6">
                     <div class="main-card mb-3 card">

src/DemoPages/components/notifications.hbs

@@ -261,7 +261,7 @@
                             <div class="main-card mb-3 card">
                                 <div class="card-body"><h5 class="card-title">Dismissable Alerts</h5>
                                     <div class="alert alert-info alert-dismissible fade show" role="alert">
-                                        <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
+                                        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                                         I am an alert and I can be dismissed!
                                     </div>
                                 </div>

src/DemoPages/elements/cards.hbs

@@ -45,7 +45,7 @@
                             </div>
                         </div>
                         <div class="col-md-4">
-                            <div class="main-card mb-3 card"><img width="100%" src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=318%C3%97180&amp;w=318&amp;h=180" alt="Card image cap" class="card-img-top">
+                            <div class="main-card mb-3 card">
                                 <div class="card-body"><h5 class="card-title">Card title</h5><h6 class="card-subtitle">Card subtitle</h6>Some quick example text to build on the card title and make up the bulk of the card's content.
                                     <button class="btn btn-secondary">Button</button>
                                 </div>
@@ -54,17 +54,17 @@
                                 <div class="card-body"><h5 class="card-title">Card Title</h5>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                     <small class="text-muted">Last updated 3 mins ago</small>
                                 </div>
-                                <img width="100%" src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=318%C3%97180&amp;w=318&amp;h=180" alt="Card image cap" class="card-img-bottom"></div>
+                                </div>
                         </div>
                         <div class="col-md-4">
                             <div class="main-card mb-3 card">
                                 <div class="card-body"><h5 class="card-title">Card title</h5><h6 class="mb-0 card-subtitle">Card subtitle</h6></div>
-                                <img width="100%" src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=318%C3%97180&amp;w=318&amp;h=180" alt="Card image cap">
+                                
                                 <div class="card-body">Some quick example text to build on the card title and make up the bulk of the card's content.<a href="javascript:void(0);" class="card-link">Card Link</a><a href="javascript:void(0);"
                                                                                                                                                                                                                      class="card-link">Another
                                     Link</a></div>
                             </div>
-                            <div class="main-card mb-3 card"><img width="100%" src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=318%C3%97180&amp;w=318&amp;h=180" alt="Card image cap" class="card-img-top">
+                            <div class="main-card mb-3 card">
                                 <div class="card-body"><h5 class="card-title">Card Title</h5>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
                                     <small class="text-muted">Last updated 3 mins ago</small>
                                 </div>
@@ -83,11 +83,6 @@
                             <div class="card-shadow-info border mb-3 card card-body border-info"><h5 class="card-title">Info Card Shadow</h5>With supporting text below as a natural lead-in to additional content.</div>
                             <div class="card-shadow-focus border mb-3 card card-body border-focus"><h5 class="card-title">Focus Card Shadow</h5>With supporting text below as a natural lead-in to additional content.</div>
                             <div class="card-shadow-alternate border mb-3 card card-body border-alternate"><h5 class="card-title">Alternate Card Shadow</h5>With supporting text below as a natural lead-in to additional content.</div>
-                            <div class="mb-3 card text-white"><img width="100%" src="https://placeholdit.imgix.net/~text?txtsize=33&amp;txt=318%C3%97270&amp;w=318&amp;h=270&amp;bg=333333&amp;txtclr=666666" alt="Card image cap" class="card-img">
-                                <div class="card-img-overlay"><h5 class="text-white card-title">Card Title</h5>This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
-                                    <small class="text-white">Last updated 3 mins ago</small>
-                                </div>
-                            </div>
                         </div>
                         <div class="col-md-4">
                             <div class="card-border mb-3 card card-body border-primary"><h5 class="card-title">Primary Card Border</h5>With supporting text below as a natural lead-in to additional content.</div>