插件管理支持搜索
gongfuxiang
parent
9bf5fe19a2
commit
11cc1597d2
|
|
@ -15,138 +15,152 @@
|
|||
{{/if}}
|
||||
<!-- operation end -->
|
||||
|
||||
{{if !empty($data_list['db_data']) or !empty($data_list['dir_data'])}}
|
||||
{{if !empty($data_list['db_data'])}}
|
||||
<!-- 操作提示 -->
|
||||
<div class="am-alert">
|
||||
<p>1 列表排序方式[ 自定义排序 -> 最早安装 ]</p>
|
||||
<p>
|
||||
<span>2. 可点击拖动图标按钮调整插件调用和展示顺序</span>
|
||||
<button type="button" class="am-btn am-btn-success am-radius am-btn-xs am-margin-left-xs am-icon-sort-numeric-asc submit-move-sort-open"> 开启排序</button>
|
||||
<button type="button" class="am-btn am-btn-secondary am-radius am-btn-xs am-margin-left-xs am-icon-check submit-move-sort-save am-hide"> 保存</button>
|
||||
<button type="button" class="am-btn am-btn-danger am-radius am-btn-xs am-margin-left-xs am-icon-close submit-move-sort-cancel am-hide"> 取消</button>
|
||||
</p>
|
||||
{{if empty($site_store_info) or empty($site_store_info['user'])}}
|
||||
<div class="plugins-data-list am-nbfc">
|
||||
{{if !empty($data_list['db_data']) or !empty($data_list['dir_data'])}}
|
||||
<div class="am-input-group am-input-group-sm plugins-search">
|
||||
<input type="text" class="am-form-field am-radius" placeholder="请输入名称/描述" />
|
||||
<span class="am-input-group-btn">
|
||||
<button class="am-btn am-btn-default am-radius am-icon-search" type="button"> 搜索</button>
|
||||
</span>
|
||||
</div>
|
||||
{{if !empty($data_list['db_data'])}}
|
||||
<!-- 操作提示 -->
|
||||
<div class="am-alert">
|
||||
<p>1 列表排序方式[ 自定义排序 -> 最早安装 ]</p>
|
||||
<p>
|
||||
<span>3. 绑定ShopXO应用商店帐号、获取插件最新版本信息、在线安装及更新</span>
|
||||
<button type="button" class="am-btn am-btn-secondary am-radius am-btn-xs am-margin-left-xs am-icon-gg store-accounts-event"> 绑定ShopXO商店账户</button>
|
||||
<span>2. 可点击拖动图标按钮调整插件调用和展示顺序</span>
|
||||
<button type="button" class="am-btn am-btn-success am-radius am-btn-xs am-margin-left-xs am-icon-sort-numeric-asc submit-move-sort-open"> 开启排序</button>
|
||||
<button type="button" class="am-btn am-btn-secondary am-radius am-btn-xs am-margin-left-xs am-icon-check submit-move-sort-save am-hide"> 保存</button>
|
||||
<button type="button" class="am-btn am-btn-danger am-radius am-btn-xs am-margin-left-xs am-icon-close submit-move-sort-cancel am-hide"> 取消</button>
|
||||
</p>
|
||||
{{/if}}
|
||||
</div>
|
||||
<!-- 已安装 -->
|
||||
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-3 am-gallery-bordered already-install" data-am-gallery="{}" data-sort-save-url="{{:MyUrl('admin/pluginsadmin/sortsave')}}">
|
||||
{{foreach $data_list['db_data'] as $v}}
|
||||
{{if isset($v['is_install']) and $v['is_install'] eq 1}}
|
||||
<li data-id="{{$v.id}}" data-plugins="{{$v.plugins}}">
|
||||
<div class="am-gallery-item {{if $v['is_enable'] eq 0}}am-active{{/if}}" id="data-list-{{$v.plugins}}">
|
||||
<img src="{{$v.logo}}" class="icon" />
|
||||
<div class="base">
|
||||
<h3 class="name">{{$v.name}}</h3>
|
||||
<p>作者：{{$v.author}}</p>
|
||||
<p>主页：<a href="{{$v.author_url}}" target="_blank">{{$v.author_url}}</a></p>
|
||||
<p>版本：{{$v.version}}</p>
|
||||
</div>
|
||||
<div class="am-gallery-desc">{{$v.desc}}</div>
|
||||
<div class="operation">
|
||||
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/saveinfo', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-edit" title="编辑"></a>
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/download', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-download" title="打包"></a>
|
||||
{{/if}}
|
||||
|
||||
<a href="javascript:;" data-set-url="{{:PluginsAdminUrl($v['plugins'], 'admin', 'index')}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-gear plugins-set-event" title="设置"></a>
|
||||
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-circle-o submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/uninstall')}}" data-id="{{$v.plugins}}" data-view="reload" data-msg="卸载可能会丢失插件基础配置数据不可恢复、确认操作吗？" title="卸载"></button>
|
||||
|
||||
<a href="javascript:;" class="am-btn am-btn-default am-btn-xs am-icon-check submit-state {{if $v['is_enable'] eq 1}}am-success{{/if}}" data-url="{{:MyUrl('admin/pluginsadmin/statusupdate')}}" data-id="{{$v.plugins}}" data-state="{{$v['is_enable']}}" data-is-update-status="1" title="状态"></a>
|
||||
|
||||
{{if isset($v['is_home']) and $v['is_home'] eq true}}
|
||||
<a href="{{:PluginsHomeUrl($v['plugins'], 'index', 'index')}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-home" title="首页" target="_blank"></a>
|
||||
{{/if}}
|
||||
|
||||
<button type="button" class="am-btn am-btn-secondary am-btn-xs am-radius am-icon-arrows submit-move am-hide" title="排序"></button>
|
||||
|
||||
{{if !empty($upgrade_info) and isset($upgrade_info[$v['plugins']]) and $upgrade_info[$v['plugins']]['version_new'] neq $v['version']}}
|
||||
<button class="am-btn am-btn-danger am-btn-xs am-radius am-icon-refresh package-upgrade-event" title="更新" data-type="plugins" data-name="{{$v.name}}" data-value="{{$v.plugins}}" data-json="{{:urlencode(json_encode($upgrade_info[$v['plugins']]))}}"></button>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{if empty($site_store_info) or empty($site_store_info['user'])}}
|
||||
<p>
|
||||
<span>3. 绑定ShopXO应用商店帐号、获取插件最新版本信息、在线安装及更新</span>
|
||||
<button type="button" class="am-btn am-btn-secondary am-radius am-btn-xs am-margin-left-xs am-icon-gg store-accounts-event"> 绑定ShopXO商店账户</button>
|
||||
</p>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
{{if !empty($data_list['dir_data'])}}
|
||||
<!-- 未安装 -->
|
||||
<div class="am-text-center am-margin-top-lg am-margin-bottom-xs middle-divider">
|
||||
<strong>
|
||||
<i class="am-icon-angle-double-down"></i>
|
||||
<span class="am-text-lg am-margin-horizontal-xs">以下插件未安装</span>
|
||||
<i class="am-icon-angle-double-down"></i>
|
||||
</strong>
|
||||
<hr data-am-widget="divider" class="am-divider am-divider-dashed am-margin-top-0" />
|
||||
</div>
|
||||
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-3 am-gallery-bordered" data-am-gallery="{}" data-sort-save-url="{{:MyUrl('admin/pluginsadmin/sortsave')}}">
|
||||
{{foreach $data_list['dir_data'] as $v}}
|
||||
{{if !isset($v['is_install']) or $v['is_install'] eq 0}}
|
||||
<li data-id="{{$v.id}}" data-plugins="{{$v.plugins}}">
|
||||
<div class="am-gallery-item am-active" id="data-list-{{$v.plugins}}">
|
||||
<img src="{{$v.logo}}" class="icon" />
|
||||
<div class="base">
|
||||
<h3 class="name">{{$v.name}}</h3>
|
||||
<p>作者：{{$v.author}}</p>
|
||||
<p>主页：<a href="{{$v.author_url}}" target="_blank">{{$v.author_url}}</a></p>
|
||||
<p>版本：{{$v.version}}</p>
|
||||
<!-- 搜索无数据展示 -->
|
||||
<div class="not-data-tips none">
|
||||
{{include file="public/not_data" /}}
|
||||
</div>
|
||||
|
||||
<!-- 已安装 -->
|
||||
<ul class="already-install am-nbfc" data-sort-save-url="{{:MyUrl('admin/pluginsadmin/sortsave')}}">
|
||||
{{foreach $data_list['db_data'] as $v}}
|
||||
{{if isset($v['is_install']) and $v['is_install'] eq 1}}
|
||||
<li data-id="{{$v.id}}" data-plugins="{{$v.plugins}}">
|
||||
<div class="item {{if $v['is_enable'] eq 0}}am-active{{/if}}" id="data-list-{{$v.plugins}}">
|
||||
<img src="{{$v.logo}}" class="icon" />
|
||||
<div class="base">
|
||||
<h3 class="name">{{$v.name}}</h3>
|
||||
<p>作者：{{$v.author}}</p>
|
||||
<p>主页：<a href="{{$v.author_url}}" target="_blank">{{$v.author_url}}</a></p>
|
||||
<p>版本：{{$v.version}}</p>
|
||||
</div>
|
||||
<div class="desc">{{$v.desc}}</div>
|
||||
<div class="operation">
|
||||
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/saveinfo', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-edit" title="编辑"></a>
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/download', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-download" title="打包"></a>
|
||||
{{/if}}
|
||||
|
||||
<a href="javascript:;" data-set-url="{{:PluginsAdminUrl($v['plugins'], 'admin', 'index')}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-gear plugins-set-event" title="设置"></a>
|
||||
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-circle-o submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/uninstall')}}" data-id="{{$v.plugins}}" data-view="reload" data-msg="卸载可能会丢失插件基础配置数据不可恢复、确认操作吗？" title="卸载"></button>
|
||||
|
||||
<a href="javascript:;" class="am-btn am-btn-default am-btn-xs am-icon-check submit-state {{if $v['is_enable'] eq 1}}am-success{{/if}}" data-url="{{:MyUrl('admin/pluginsadmin/statusupdate')}}" data-id="{{$v.plugins}}" data-state="{{$v['is_enable']}}" data-is-update-status="1" title="状态"></a>
|
||||
|
||||
{{if isset($v['is_home']) and $v['is_home'] eq true}}
|
||||
<a href="{{:PluginsHomeUrl($v['plugins'], 'index', 'index')}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-home" title="首页" target="_blank"></a>
|
||||
{{/if}}
|
||||
|
||||
<button type="button" class="am-btn am-btn-secondary am-btn-xs am-radius am-icon-arrows submit-move am-hide" title="排序"></button>
|
||||
|
||||
{{if !empty($upgrade_info) and isset($upgrade_info[$v['plugins']]) and $upgrade_info[$v['plugins']]['version_new'] neq $v['version']}}
|
||||
<button class="am-btn am-btn-danger am-btn-xs am-radius am-icon-refresh package-upgrade-event" title="更新" data-type="plugins" data-name="{{$v.name}}" data-value="{{$v.plugins}}" data-json="{{:urlencode(json_encode($upgrade_info[$v['plugins']]))}}"></button>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-gallery-desc">{{$v.desc}}</div>
|
||||
<div class="operation">
|
||||
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/saveinfo', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-edit" title="编辑"></a>
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/download', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-download" title="打包"></a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-remove submit-delete-modal" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="{{$v.plugins}}" title="删除"></button>
|
||||
{{if !empty($data_list['dir_data'])}}
|
||||
<!-- 未安装 -->
|
||||
<div class="am-text-center am-margin-top-lg am-margin-bottom-xs middle-divider">
|
||||
<strong>
|
||||
<i class="am-icon-angle-double-down"></i>
|
||||
<span class="am-text-lg am-margin-horizontal-xs">以下插件未安装</span>
|
||||
<i class="am-icon-angle-double-down"></i>
|
||||
</strong>
|
||||
<hr data-am-widget="divider" class="am-divider am-divider-dashed am-margin-top-0" />
|
||||
</div>
|
||||
<ul class="am-nbfc" data-sort-save-url="{{:MyUrl('admin/pluginsadmin/sortsave')}}">
|
||||
{{foreach $data_list['dir_data'] as $v}}
|
||||
{{if !isset($v['is_install']) or $v['is_install'] eq 0}}
|
||||
<li data-id="{{$v.id}}" data-plugins="{{$v.plugins}}">
|
||||
<div class="item am-active" id="data-list-{{$v.plugins}}">
|
||||
<img src="{{$v.logo}}" class="icon" />
|
||||
<div class="base">
|
||||
<h3 class="name">{{$v.name}}</h3>
|
||||
<p>作者：{{$v.author}}</p>
|
||||
<p>主页：<a href="{{$v.author_url}}" target="_blank">{{$v.author_url}}</a></p>
|
||||
<p>版本：{{$v.version}}</p>
|
||||
</div>
|
||||
<div class="desc">{{$v.desc}}</div>
|
||||
<div class="operation">
|
||||
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true}}
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/saveinfo', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-edit" title="编辑"></a>
|
||||
<a href="{{:MyUrl('admin/pluginsadmin/download', array('id'=>$v['plugins']))}}" class="am-btn am-btn-default am-btn-xs am-radius am-icon-download" title="打包"></a>
|
||||
{{/if}}
|
||||
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-cubes submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/install')}}" data-id="{{$v.plugins}}" data-view="reload" data-msg="进行安装操作、确认继续吗？" title="安装"></button>
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-remove submit-delete-modal" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="{{$v.plugins}}" title="删除"></button>
|
||||
|
||||
<button class="am-btn am-btn-default am-btn-xs am-radius am-icon-cubes submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/install')}}" data-id="{{$v.plugins}}" data-view="reload" data-msg="进行安装操作、确认继续吗？" title="安装"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/foreach}}
|
||||
</ul>
|
||||
|
||||
<!-- 删除弹层 -->
|
||||
<div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-delete-modal">
|
||||
<div class="am-modal-dialog">
|
||||
<div class="am-modal-hd">
|
||||
<a href="javascript: void(0)" class="am-close" data-am-modal-close>×</a>
|
||||
</div>
|
||||
<div class="am-modal-bd am-margin-top-sm">
|
||||
<div class="am-alert am-text-left" data-am-alert>
|
||||
<p>1. 仅删除应用<span class="am-text-warning">（仅删除应用代码，保留应用数据）</span></p>
|
||||
<p>2. 删除应用并删除数据<span class="am-text-warning">（将删除应用代码和应用数据）</span></p>
|
||||
<!-- 删除弹层 -->
|
||||
<div class="am-modal am-modal-no-btn" tabindex="-1" id="plugins-delete-modal">
|
||||
<div class="am-modal-dialog">
|
||||
<div class="am-modal-hd">
|
||||
<a href="javascript: void(0)" class="am-close" data-am-modal-close>×</a>
|
||||
</div>
|
||||
<p class="am-text-danger am-margin-top">PS：以下操作后均不可恢复，请谨慎操作！</p>
|
||||
<div class="am-margin-top-sm">
|
||||
<button class="am-btn am-btn-danger am-btn-xs am-radius am-icon-circle-o submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="0" data-value="1" data-view="reload" data-msg="删除后不可恢复、确认操作吗？" title="删除"> 删除应用和数据</button>
|
||||
<button class="am-btn am-btn-warning am-btn-xs am-radius am-icon-remove submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="0" data-value="0" data-view="reload" data-msg="删除后不可恢复、确认操作吗？" title="删除"> 仅删除应用</button>
|
||||
<div class="am-modal-bd am-margin-top-sm">
|
||||
<div class="am-alert am-text-left" data-am-alert>
|
||||
<p>1. 仅删除应用<span class="am-text-warning">（仅删除应用代码，保留应用数据）</span></p>
|
||||
<p>2. 删除应用并删除数据<span class="am-text-warning">（将删除应用代码和应用数据）</span></p>
|
||||
</div>
|
||||
<p class="am-text-danger am-margin-top">PS：以下操作后均不可恢复，请谨慎操作！</p>
|
||||
<div class="am-margin-top-sm">
|
||||
<button class="am-btn am-btn-danger am-btn-xs am-radius am-icon-circle-o submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="0" data-value="1" data-view="reload" data-msg="删除后不可恢复、确认操作吗？" title="删除"> 删除应用和数据</button>
|
||||
<button class="am-btn am-btn-warning am-btn-xs am-radius am-icon-remove submit-ajax" data-url="{{:MyUrl('admin/pluginsadmin/delete')}}" data-id="0" data-value="0" data-view="reload" data-msg="删除后不可恢复、确认操作吗？" title="删除"> 仅删除应用</button>
|
||||
|
||||
<button class="am-btn am-btn-success am-btn-xs am-radius am-icon-reply" data-am-modal-close> 再考虑一下</button>
|
||||
<button class="am-btn am-btn-success am-btn-xs am-radius am-icon-reply" data-am-modal-close> 再考虑一下</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="am-padding-vertical-xl am-text-center">
|
||||
<a href="{{$store_url}}" target="_blank" class="am-margin-left-xs">去应用商店挑选更多插件丰富站点 >></a>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no">
|
||||
<i class="am-icon-warning"></i> 还没有相关应用
|
||||
<a href="{{$store_url}}" target="_blank" class="am-margin-left-xs">到应用商店挑选插件丰富站点 >></a>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="am-padding-vertical-xl am-text-center">
|
||||
<a href="{{$store_url}}" target="_blank" class="am-margin-left-xs">去应用商店挑选更多插件丰富站点 >></a>
|
||||
</div>
|
||||
{{else /}}
|
||||
<div class="table-no">
|
||||
<i class="am-icon-warning"></i> 还没有相关应用
|
||||
<a href="{{$store_url}}" target="_blank" class="am-margin-left-xs">到应用商店挑选插件丰富站点 >></a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- right content end -->
|
||||
|
|
|
|||
|
|
@ -1,61 +1,69 @@
|
|||
/**
|
||||
* 列表
|
||||
*/
|
||||
.content ul.am-gallery-bordered {
|
||||
.plugins-data-list {
|
||||
position: relative;
|
||||
}
|
||||
.plugins-data-list ul {
|
||||
padding: 0px;
|
||||
width: calc(100% + 10px);
|
||||
margin-left: -5px;
|
||||
width: calc(100% + 20px);
|
||||
margin-left: -10px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .am-gallery-item {
|
||||
height: 197px;
|
||||
.plugins-data-list ul li {
|
||||
float: left;
|
||||
padding: 10px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .icon {
|
||||
.plugins-data-list ul li .item {
|
||||
height: 208px;
|
||||
padding: 10px;
|
||||
}
|
||||
.plugins-data-list ul li .icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,.4);
|
||||
}
|
||||
.content ul.am-gallery-bordered .am-gallery-item {
|
||||
.plugins-data-list ul .item {
|
||||
box-shadow: none;
|
||||
border: 1px solid #d4d4d4;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.content ul.am-gallery-bordered .am-gallery-item.am-active {
|
||||
.plugins-data-list ul .item.am-active {
|
||||
border: 1px solid #ff8a8a !important;
|
||||
background: #fff2f2;
|
||||
}
|
||||
.content ul.am-gallery-bordered .am-gallery-item:hover {
|
||||
.plugins-data-list ul .item:hover {
|
||||
border: 1px solid #999;
|
||||
box-shadow: 0px 12px 12px -10px rgba(0,0,0,.4);
|
||||
}
|
||||
.content ul.am-gallery-bordered li {
|
||||
.plugins-data-list ul li {
|
||||
position: relative;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base {
|
||||
.plugins-data-list ul li .base {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 100px;
|
||||
width: calc(100% - 112px);
|
||||
top: 20px;
|
||||
left: 110px;
|
||||
width: calc(100% - 130px);
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base h3 {
|
||||
.plugins-data-list ul li .base h3 {
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
margin: 2px 0px 3px 0px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base p {
|
||||
.plugins-data-list ul li .base p {
|
||||
line-height: 18px;
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
color: #999;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base h3, .content ul.am-gallery-bordered li .base p {
|
||||
.plugins-data-list ul li .base h3, .plugins-data-list ul li .base p {
|
||||
word-wrap: normal;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
.content ul.am-gallery-bordered .am-gallery-desc {
|
||||
.plugins-data-list ul .desc {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
|
|
@ -65,28 +73,28 @@
|
|||
height: 36px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .operation {
|
||||
.plugins-data-list ul li .operation {
|
||||
border-top: 1px dashed #eee;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .am-btn, .content ul.am-gallery-bordered li .am-icon-btn {
|
||||
.plugins-data-list ul li .am-btn, .plugins-data-list ul li .am-icon-btn {
|
||||
width: 35px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .submit-state {
|
||||
.plugins-data-list ul li .submit-state {
|
||||
height: 30px;
|
||||
border-radius: 2px;
|
||||
font-size: 12px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .submit-state.am-success {
|
||||
.plugins-data-list ul li .submit-state.am-success {
|
||||
border: 1px solid #4caf50;
|
||||
background-color: #4caf50;
|
||||
color: #fff;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .submit-move {
|
||||
.plugins-data-list ul li .submit-move {
|
||||
cursor: move !important;
|
||||
}
|
||||
.content ul.already-install .am-gallery-item.am-active {
|
||||
.plugins-data-list ul.already-install .item.am-active {
|
||||
border: 1px solid #f8815d !important;
|
||||
background: #fffbf5;
|
||||
}
|
||||
|
|
@ -113,21 +121,21 @@
|
|||
border-top: 1px dashed #2196F3;
|
||||
}
|
||||
@media only screen and (max-width: 641px) {
|
||||
.content ul.am-gallery-bordered li .am-gallery-item {
|
||||
.plugins-data-list ul li .item {
|
||||
height: 187px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .icon {
|
||||
.plugins-data-list ul li .icon {
|
||||
width: 65px;
|
||||
height: 65px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base {
|
||||
.plugins-data-list ul li .base {
|
||||
left: 85px;
|
||||
width: calc(100% - 97px);
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base h3 {
|
||||
.plugins-data-list ul li .base h3 {
|
||||
margin: 0px;
|
||||
}
|
||||
.content ul.am-gallery-bordered li .base p {
|
||||
.plugins-data-list ul li .base p {
|
||||
line-height: 16px;
|
||||
}
|
||||
}
|
||||
|
|
@ -136,14 +144,44 @@
|
|||
* 删除modal
|
||||
*/
|
||||
@media only screen and (min-width: 641px) {
|
||||
.plugins-data-list ul li {
|
||||
width: 50%;
|
||||
}
|
||||
#plugins-delete-modal .am-modal-bd button.submit-ajax {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1025px) {
|
||||
.plugins-data-list ul li {
|
||||
width: 33.33%;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 641px) {
|
||||
.plugins-data-list ul li {
|
||||
width: 100%;
|
||||
}
|
||||
#plugins-delete-modal .am-modal-bd .am-btn {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 搜索
|
||||
*/
|
||||
.plugins-search {
|
||||
width: 380px;
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
right: 20px;
|
||||
}
|
||||
@media only screen and (max-width: 800px) {
|
||||
.plugins-search {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
top: auto;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,41 @@
|
|||
/**
|
||||
* 插件搜索
|
||||
* @author Devil
|
||||
* @blog http://gong.gg/
|
||||
* @version 1.0.0
|
||||
* @date 2022-07-09
|
||||
* @desc description
|
||||
*/
|
||||
function PluginsSearch()
|
||||
{
|
||||
var keywords = $('.plugins-search input').val().trim() || null;
|
||||
if(keywords != null)
|
||||
{
|
||||
var count = 0;
|
||||
$('.plugins-data-list ul li').each(function(k, v)
|
||||
{
|
||||
var name = $(this).find('.base .name').text();
|
||||
var desc = $(this).find('.desc').text();
|
||||
if(name.indexOf(keywords) != -1 || desc.indexOf(keywords) != -1)
|
||||
{
|
||||
$(this).show();
|
||||
count++;
|
||||
} else {
|
||||
$(this).hide();
|
||||
}
|
||||
});
|
||||
if(count == 0)
|
||||
{
|
||||
$('.not-data-tips').removeClass('none');
|
||||
} else {
|
||||
$('.not-data-tips').addClass('none');
|
||||
}
|
||||
} else {
|
||||
$('.plugins-data-list ul li').show();
|
||||
$('.not-data-tips').addClass('none');
|
||||
}
|
||||
}
|
||||
|
||||
$(function()
|
||||
{
|
||||
// 删除提示
|
||||
|
|
@ -88,4 +126,19 @@ $(function()
|
|||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 搜索
|
||||
$('.plugins-search button').on('click', function()
|
||||
{
|
||||
PluginsSearch();
|
||||
});
|
||||
// 输入回车搜索
|
||||
$('.plugins-search input').on('keydown', function(e)
|
||||
{
|
||||
if(e.keyCode == 13)
|
||||
{
|
||||
PluginsSearch();
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue