opensource/galaxy
3
0
Fork 0
mirror of https://github.com/galaxyproject/galaxy.git synced 2026-09-24 16:30:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling issues of vue component

Browse Source
This commit is contained in:
Peter Selten
2020-04-21 22:52:22 +02:00
parent 5c79976032
commit 2d2d54f315
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/galaxy/scripts/components/login/Login.vue
+18 -18
View File
@@ -71,12 +71,12 @@ export default {
props: {
show_welcome_with_login: {
type: Boolean,
required: false
required: false,
},
welcome_url: {
type: String,
required: false
}
required: false,
},
},
data() {
const galaxy = getGalaxyInstance();
@@ -84,7 +84,7 @@ export default {
const oidc_idps_icons = {
google: "https://developers.google.com/identity/images/btn_google_signin_light_normal_web.png",
elixir: "https://elixir-europe.org/sites/default/files/images/login-button-orange.png",
okta: "https://www.okta.com/sites/all/themes/Okta/images/blog/Logos/Okta_Logo_BrightBlue_Medium.png"
okta: "https://www.okta.com/sites/all/themes/Okta/images/blog/Logos/Okta_Logo_BrightBlue_Medium.png",
};
return {
login: null,
@@ -98,25 +98,25 @@ export default {
session_csrf_token: galaxy.session_csrf_token,
enable_oidc: galaxy.config.enable_oidc,
oidc_idps: galaxy.config.oidc,
oidc_idps_icons: oidc_idps_icons
oidc_idps_icons: oidc_idps_icons,
};
},
computed: {
messageShow() {
return this.messageText != null;
}
},
},
methods: {
toggleLogin: function() {
toggleLogin: function () {
if (this.$root.toggleLogin) {
this.$root.toggleLogin();
}
},
submitGalaxyLogin: function(method) {
submitGalaxyLogin: function (method) {
const rootUrl = getAppRoot();
axios
.post(`${rootUrl}user/login`, this.$data)
.then(response => {
.then((response) => {
if (response.data.message && response.data.status) {
alert(response.data.message);
}
@@ -128,43 +128,43 @@ export default {
window.location = `${rootUrl}`;
}
})
.catch(error => {
.catch((error) => {
this.messageVariant = "danger";
const message = error.response.data && error.response.data.err_msg;
this.messageText = message || "Login failed for an unknown reason.";
});
},
submitOIDCLogin: function(idp) {
submitOIDCLogin: function (idp) {
const rootUrl = getAppRoot();
axios
.post(`${rootUrl}authnz/${idp}/login`)
.then(response => {
.then((response) => {
if (response.data.redirect_uri) {
window.location = response.data.redirect_uri;
}
// Else do something intelligent or maybe throw an error -- what else does this endpoint possibly return?
})
.catch(error => {
.catch((error) => {
this.messageVariant = "danger";
const message = error.response.data && error.response.data.err_msg;
this.messageText = message || "Login failed for an unknown reason.";
});
},
reset: function(ev) {
reset: function (ev) {
const rootUrl = getAppRoot();
ev.preventDefault();
axios
.post(`${rootUrl}user/reset_password`, { email: this.login })
.then(response => {
.then((response) => {
this.messageVariant = "info";
this.messageText = response.data.message;
})
.catch(error => {
.catch((error) => {
this.messageVariant = "danger";
const message = error.response.data && error.response.data.err_msg;
this.messageText = message || "Password reset failed for an unknown reason.";
});
}
}
},
},
};
</script>