Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
李少辉-开发者
gitlab-foss
提交
b3c9d965
G
gitlab-foss
项目概览
李少辉-开发者
/
gitlab-foss
通知
15
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
G
gitlab-foss
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
b3c9d965
编写于
1月 26, 2018
作者:
P
Phil Hughes
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Converted filterable_list to axios
上级
3bb08565
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
20 addition
and
25 deletion
+20
-25
app/assets/javascripts/filterable_list.js
app/assets/javascripts/filterable_list.js
+12
-17
app/assets/javascripts/groups/groups_filterable_list.js
app/assets/javascripts/groups/groups_filterable_list.js
+8
-8
未找到文件。
app/assets/javascripts/filterable_list.js
浏览文件 @
b3c9d965
import
_
from
'
underscore
'
;
import
axios
from
'
./lib/utils/axios_utils
'
;
/**
* Makes search request for content when user types a value in the search input.
...
...
@@ -54,32 +55,26 @@ export default class FilterableList {
this
.
listFilterElement
.
removeEventListener
(
'
input
'
,
this
.
debounceFilter
);
}
filterResults
(
queryData
)
{
filterResults
(
params
)
{
if
(
this
.
isBusy
)
{
return
false
;
}
$
(
this
.
listHolderElement
).
fadeTo
(
250
,
0.5
);
return
$
.
ajax
({
url
:
this
.
getFilterEndpoint
(),
data
:
queryData
,
type
:
'
GET
'
,
dataType
:
'
json
'
,
context
:
this
,
complete
:
this
.
onFilterComplete
,
beforeSend
:
()
=>
{
this
.
isBusy
=
true
;
},
success
:
(
response
,
textStatus
,
xhr
)
=>
{
this
.
onFilterSuccess
(
response
,
xhr
,
queryData
);
},
});
this
.
isBusy
=
true
;
return
axios
.
get
(
this
.
getFilterEndpoint
(),
{
params
,
}).
then
((
res
)
=>
{
this
.
onFilterSuccess
(
res
,
params
);
this
.
onFilterComplete
();
}).
catch
(()
=>
this
.
onFilterComplete
());
}
onFilterSuccess
(
response
,
xhr
,
queryData
)
{
onFilterSuccess
(
response
,
queryData
)
{
if
(
response
.
html
)
{
this
.
listHolderElement
.
innerHTML
=
response
.
html
;
this
.
listHolderElement
.
innerHTML
=
response
.
data
.
html
;
}
// Change url so if user reload a page - search results are saved
...
...
app/assets/javascripts/groups/groups_filterable_list.js
浏览文件 @
b3c9d965
...
...
@@ -94,23 +94,23 @@ export default class GroupFilterableList extends FilterableList {
this
.
form
.
querySelector
(
`[name="
${
this
.
filterInputField
}
"]`
).
value
=
''
;
}
onFilterSuccess
(
data
,
xhr
,
queryData
)
{
onFilterSuccess
(
res
,
queryData
)
{
const
currentPath
=
this
.
getPagePath
(
queryData
);
const
paginationData
=
{
'
X-Per-Page
'
:
xhr
.
getResponseHeader
(
'
X-Per-Page
'
)
,
'
X-Page
'
:
xhr
.
getResponseHeader
(
'
X-Page
'
)
,
'
X-Total
'
:
xhr
.
getResponseHeader
(
'
X-Total
'
)
,
'
X-Total-Pages
'
:
xhr
.
getResponseHeader
(
'
X-Total-Pages
'
)
,
'
X-Next-Page
'
:
xhr
.
getResponseHeader
(
'
X-Next-Page
'
)
,
'
X-Prev-Page
'
:
xhr
.
getResponseHeader
(
'
X-Prev-Page
'
)
,
'
X-Per-Page
'
:
res
.
headers
[
'
x-per-page
'
]
,
'
X-Page
'
:
res
.
headers
[
'
x-page
'
]
,
'
X-Total
'
:
res
.
headers
[
'
x-total
'
]
,
'
X-Total-Pages
'
:
res
.
headers
[
'
x-total-pages
'
]
,
'
X-Next-Page
'
:
res
.
headers
[
'
x-next-page
'
]
,
'
X-Prev-Page
'
:
res
.
headers
[
'
x-prev-page
'
]
,
};
window
.
history
.
replaceState
({
page
:
currentPath
,
},
document
.
title
,
currentPath
);
eventHub
.
$emit
(
'
updateGroups
'
,
data
,
Object
.
prototype
.
hasOwnProperty
.
call
(
queryData
,
this
.
filterInputField
));
eventHub
.
$emit
(
'
updateGroups
'
,
res
.
data
,
Object
.
prototype
.
hasOwnProperty
.
call
(
queryData
,
this
.
filterInputField
));
eventHub
.
$emit
(
'
updatePagination
'
,
paginationData
);
}
}
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录