123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- <?php
- namespace App\Admin\Metrics\Examples;
- use Dcat\Admin\Widgets\Metrics\Card;
- use Illuminate\Contracts\Support\Renderable;
- use Illuminate\Http\Request;
- class TotalUsers extends Card
- {
- /**
- * 卡片底部内容.
- *
- * @var string|Renderable|\Closure
- */
- protected $footer;
- /**
- * 初始化卡片.
- */
- protected function init()
- {
- parent::init();
- $this->title('Total Users');
- $this->dropdown([
- '7' => 'Last 7 Days',
- '28' => 'Last 28 Days',
- '30' => 'Last Month',
- '365' => 'Last Year',
- ]);
- }
- /**
- * 处理请求.
- *
- * @param Request $request
- *
- * @return void
- */
- public function handle(Request $request)
- {
- switch ($request->get('option')) {
- case '365':
- $this->content(mt_rand(600, 1500));
- $this->down(mt_rand(1, 30));
- break;
- case '30':
- $this->content(mt_rand(170, 250));
- $this->up(mt_rand(12, 50));
- break;
- case '28':
- $this->content(mt_rand(155, 200));
- $this->up(mt_rand(5, 50));
- break;
- case '7':
- default:
- $this->content(143);
- $this->up(15);
- }
- }
- /**
- * @param int $percent
- *
- * @return $this
- */
- public function up($percent)
- {
- return $this->footer(
- "<i class=\"feather icon-trending-up text-success\"></i> {$percent}% Increase"
- );
- }
- /**
- * @param int $percent
- *
- * @return $this
- */
- public function down($percent)
- {
- return $this->footer(
- "<i class=\"feather icon-trending-down text-danger\"></i> {$percent}% Decrease"
- );
- }
- /**
- * 设置卡片底部内容.
- *
- * @param string|Renderable|\Closure $footer
- *
- * @return $this
- */
- public function footer($footer)
- {
- $this->footer = $footer;
- return $this;
- }
- /**
- * 渲染卡片内容.
- *
- * @return string
- */
- public function renderContent()
- {
- $content = parent::renderContent();
- return <<<HTML
- <div class="d-flex justify-content-between align-items-center mt-1" style="margin-bottom: 2px">
- <h2 class="ml-1 font-lg-1">{$content}</h2>
- </div>
- <div class="ml-1 mt-1 font-weight-bold text-80">
- {$this->renderFooter()}
- </div>
- HTML;
- }
- /**
- * 渲染卡片底部内容.
- *
- * @return string
- */
- public function renderFooter()
- {
- return $this->toString($this->footer);
- }
- }
|