Merge pull request #3 from ricgrangeia/main

Add BS4 support and ID to CardWidget

Author: co0lc0der

docs/CardWidget.md

@@ -4,6 +4,7 @@ This is the basic class. It uses [CardToolsSupport](CardToolsSupportTrait.md), [
 
 ## Public properties, its types and default values
 
+- `string $id = ''` - id of a card
 - `string $title = ''` - title of a card
 - `bool $outline = false` - makes an outlined card
 - `bool $background = false` - makes a colored card, uses $color property ([Bootstrap 4 colors](https://getbootstrap.com/docs/4.6/utilities/colors/) or additional [colors of AdminLTE](https://adminlte.io/docs/3.1//layout.html))
@@ -16,6 +17,7 @@ This is the basic class. It uses [CardToolsSupport](CardToolsSupportTrait.md), [
 
 ```php
 <?php CardWidget::begin([
+    'id' => 'some-id',          // id of a card
 	'title' => 'Some title',    // title of a card
 	'color' => 'dark',          // bootstrap color name 'success', 'danger' еtс.
 	'gradient' => true,         // use gradient background

src/CardToolsSupportTrait.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Trait CardToolsSupportTrait

src/CardWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 use yii\web\View;
 
 /**
@@ -17,7 +17,13 @@ class CardWidget extends \yii\base\Widget
 	use ColorSupportTrait;
 
 	const OVERLAY_TYPES = ['overlay', 'dark'];
-
+	
+	/**
+	 * id of a card
+	 * @var string
+	 */
+	public string $id;
+	
 	/**
 	 * title of a card
 	 * @var string
@@ -87,7 +93,11 @@ public function run(): string
 		$this->content = ob_get_clean();
 		$this->registerJs();
 
-		$html = Html::beginTag('div', ['class' => $this->getCardClass(), 'data-widget' => 'card-widget']);
+		$html = Html::beginTag('div', [
+			'id' => empty($this->id) ? null : $this->id,
+			'class' => $this->getCardClass(),
+			'data-widget' => 'card-widget'
+		]);
 
 		$html .= $this->getCardHeader();
 		$html .= $this->getCardBody();
@@ -228,4 +238,5 @@ protected function registerJs(): void
 			", View::POS_READY, 'ajaxLoad');
 		}
 	}
+
 }

src/ContactCardWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class ContactCardWidget

src/DirectChatWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class DirectChatWidget

src/ProfileCardWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class ProfileCardWidget

src/SocialWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class SocialWidget

src/TabsCardWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class TabsCardWidget

src/UserCardWidget.php

@@ -2,7 +2,7 @@
 
 namespace co0lc0der\Lte3Widgets;
 
-use yii\bootstrap\Html;
+use yii\bootstrap4\Html;
 
 /**
  * Class UserCardWidget