github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-29 01:31:35 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Switch ellipsis direction when expanding web hook event details.

Browse Source
This commit is contained in:
Guo Xiang Tan
2019-04-16 14:24:30 +08:00
parent 8cb1890245
commit 347663e852
3 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
app/assets/javascripts/admin/components/admin-web-hook-event.js.es6
View File

@ -6,6 +6,8 @@ import { ensureJSON, plainJSON, prettyJSON } from "discourse/lib/formatter";
export default Ember.Component.extend({
tagName: "li",
expandDetails: null,
expandDetailsRequestKey: "request",
expandDetailsResponseKey: "response",
@computed("model.status")
statusColorClasses(status) {
@ -29,6 +31,20 @@ export default Ember.Component.extend({
return I18n.t("admin.web_hooks.events.completed_in", { count: seconds });
},
@computed("expandDetails")
expandRequestIcon(expandDetails) {
return expandDetails === this.get("expandDetailsRequestKey")
? "ellipsis-h"
: "ellipsis-v";
},
@computed("expandDetails")
expandResponseIcon(expandDetails) {
return expandDetails === this.get("expandDetailsResponseKey")
? "ellipsis-h"
: "ellipsis-v";
},
actions: {
redeliver() {
return bootbox.confirm(
@ -53,7 +69,7 @@ export default Ember.Component.extend({
},
toggleRequest() {
const expandDetailsKey = "request";
const expandDetailsKey = this.get("expandDetailsRequestKey");
if (this.get("expandDetails") !== expandDetailsKey) {
let headers = _.extend(
@ -75,7 +91,7 @@ export default Ember.Component.extend({
},
toggleResponse() {
const expandDetailsKey = "response";
const expandDetailsKey = this.get("expandDetailsResponseKey");
if (this.get("expandDetails") !== expandDetailsKey) {
this.setProperties({