amintado/yii2-aprico-asset

此包已被放弃,不再维护。没有建议的替代包。

为yii2的杏子管理面板

安装: 32

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

语言:JavaScript

类型:yii2-extension

dev-master 2017-06-08 14:46 UTC

This package is not auto-updated.

Last update: 2021-09-04 11:14:39 UTC


README

本项目包含yii2的杏子管理面板,此版本包含

  • 杏子管理资产
  • 杏子管理布局
  • 杏子小部件
    • 侧边栏小部件
      • 侧边栏项目小部件
    • 导航栏小部件
      • 导航栏项目小部件

注意

这是一个TRL管理面板,但现在将在下一个版本中改为适用于国际使用,这对于TRL语言很好,但对于LTR语言则不好。如果您愿意,可以帮助改进此项目以供所有人使用。

资产

所有原始杏子资产都在这里,您可以在项目中使用原始的杏子HTML资产,或者您可以从资产中构建自定义小部件。因此,原始杏子HTML页面位于 vendor/yii2-aprico-asset/origin 文件夹中。

在yii2上安装

将以下代码添加到 composer.json 文件中

"amintado/yii2-aprico-asset": "2.*"

或者运行

php composer.phar require amintado/yii2-aprico-asset "*"

6dcf0187-d16a-4505-5c05-270e689bafee

apricot v 1 3

在线演示

  • 杏子管理面板在线 DEMO

使用方法

将以下代码添加到 config.php 文件中的 component 数组

 'components' => [
     'view' => [
                 'title' => Yii::t('backend','app-name'),
                 'theme' => [
                     'pathMap' => [
                         '@app/views' => '@vendor/amintado/yii2-aprico-asset/example-views/yiisoft/yii2-advanced-app'
                                    ],
                             ],
                ],
 ]

转到

vendor/amintado/yii2-aprico-asset/example-views/yiisoft/yii2-app

将 [布局] 和 [站点] 文件夹复制到您的项目视图文件夹中的项目。

头部示例代码

这里是一个杏子头部代码的示例。此代码在 layouts/header.php 中编写。

<?php

use amintado\widgets\Navbar;
use amintado\widgets\NavbarItems;
use Behat\Gherkin\Loader\YamlFileLoader;
use common\models\User;
use common\models\Userinfo;

if (!Yii::$app->user->isGuest){
    $uid=Yii::$app->user->id;
    $username=User::findOne($uid);
    try {
        $username=$username->fullname;
    } catch ( Exception $exception) {
        $username='';
    }
}


Navbar::begin();

echo NavbarItems::widget([

    'right' =>
        [
            [
                'user' =>
                    [
                        'name' => $username

                    ],
                'weather' =>
                    [

                    ]
            ]
        ],


]);

Navbar::end();

侧边栏示例代码

这里是一个侧边栏小部件的示例代码。此代码在 layouts/left.php 文件中编写。

<?php use amintado\widgets\SideBar;
use amintado\widgets\SideBarItems;

SideBar::begin() ?>


<?php echo SideBarItems::widget([
    'items' => [
        ['panel' =>
            [
                'label' => 'داده های شما',
                'items' =>
                    [
                        [
                            'type' => 'single',
                            'icon' => 'fa fa-map-marker',
                            'label' => 'مکان ها',
                            'url' => '#',
                            'id' => ''
                        ],
                        [
                            'type' => 'single',
                            'icon' => 'fa fa-user',
                            'label' => 'پروفایل',
                            'url' => '#',
                            'id' => ''
                        ],
                        [
                            'type' => 'multiple',
                            'label' => 'محصولات',
                            'icon' => 'fa fa-inbox',
                            'badge' => [
                                'color' => '',
                                'label' => ''
                            ],
                            'items' => [
                                [
                                    'type' => 'single',
                                    'icon' => 'icon-feed',
                                    'label' => 'social',
                                    'url' => '#',
                                    'id' => ''
                                ],
                                [
                                    'type' => 'single',
                                    'icon' => 'icon-feed',
                                    'label' => 'social',
                                    'url' => '#',
                                    'id' => ''
                                ],
                            ]
                        ]

                    ]
            ]
        ],
        ['panel' =>
            [
                'label' => 'تنظیمات شما',
                'items' =>
                    [

                    ]
            ]
        ]
    ]

])
?>


<?php SideBar::end() ?>

内容代码示例

这里是一个内容代码的示例。此代码在 layouts/content.php 文件中编写。

<div class="wrap-fluid" style="width: auto; margin-right: 250px;">
    <div class="container-fluid paper-wrap bevel tlbr">


        <!-- CONTENT -->
        <!--TITLE -->
        <div class="row">
            <div id="paper-top">
                <div class="col-sm-2">
                    <div class="devider-vertical visible-lg"></div>
                    <div class="btn-group btn-wigdet pull-right visible-lg">
                        <div class="btn">
                            ابزار
                        </div>
                        <button data-toggle="dropdown" class="btn dropdown-toggle" type="button">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                        </button>
                        <ul role="menu" class="dropdown-menu">
                            <li>
                                <a href="#">
                                    <span class="entypo-plus-circled margin-iconic"></span>Add New</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-heart margin-iconic"></span>Favorite</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-cog margin-iconic"></span>Setting</a>
                            </li>
                        </ul>
                    </div>


                </div>
                <div class="col-sm-7">
                    <div class="devider-vertical visible-lg"></div>
                    <div class="tittle-middle-header">

                        <div class="alert text-right">
                            <button type="button" class="close pull-left" data-dismiss="alert">×</button>

                            خوش اومدید ُ&nbsp;
                            <strong>غلامرضا بهشتیا عزیز</strong>&nbsp;&nbsp;آخرین بازدید شما از این صفحه دیروز بوده است
                            <span class="tittle-alert entypo-info-circled "></span>
                        </div>


                    </div>

                </div>
                <div class="col-sm-3">
                    <h2 class="tittle-content-header">
                        داشبرد
                        <span>
                            <i class="icon-window"></i>

                            </span>
                    </h2>

                </div>
            </div>
        </div>
        <!--/ TITLE -->

        <!-- BREADCRUMB -->
        <ul id="breadcrumb">
            <li class="pull-left">
                <div class="input-group input-widget">

                    <input style="border-radius:15px" placeholder="جست و جو" class="form-control text-right" type="text">
                </div>
            </li>
            <li>
                <span class="entypo-home"></span>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">پروفایل</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">میز کار</a>
            </li>

        </ul>

        <!-- END OF BREADCRUMB -->

        <div class="col-sm-12">

            <div class="nest text-right" id="FootableClose">
                <div class="title-alt text-right">

                    <div class="titleClose">
                        <a class="gone" href="#FootableClose">
                            <span class="entypo-cancel"></span>
                        </a>
                    </div>
                    <div class="titleToggle">
                        <a class="nav-toggle-alt" href="#Footable">
                            <span class="entypo-up-open"></span>
                        </a>
                    </div>
                    <h6>
                        <?= $this->title?>
                    </h6>
                </div>

                <div class="body-nest">



                    <?= $content ?>

                </div>

            </div>


        </div>




        <div class="content-wrap">

            <!-- /END OF CONTENT -->


            <!-- FOOTER -->
            <div class="footer-space"></div>
            <div id="footer">
                <div class="devider-footer-left"></div>
                <div class="time">
                    <p id="spanDate"></p>
                    <p id="clock"></p>
                </div>
                <div class="copyright">
                amintado - yii2 Apricot Admin 2017
                </div>
                <div class="devider-footer"></div>


            </div>
            <!-- / END OF FOOTER -->


        </div>
    </div>
</div>

变更日志

2017-4-29

  • 将原始HTML文件添加到 origin 文件夹

杏子管理原始版本

此项目中使用的杏子HTML版本为1.3