Using TACTIC REST interface to get a login ticket

05-18-2020, 10:00 PM

Thanks for your help!

This is from a Javascript client. So in this case, having a persistent pre-created ticket won't work.

I want to users to be able to login, receive a login ticket, and make further API calls - all from the front-end.

ie. First make a fetch to get_ticket

fetch("xxxx.com/tactic/project_code/REST?method=get_ticket?login=celton&password=mypassword") -> return login_ticket

then do execute_cmd, eval, etc. using this login ticket.

However, see my fetch and console.log from within the browser window of my application.

url = 'xxxxx.com/tactic/fitnessmedia/REST?method=get_ticket&args=["admin", "xxxxxxx"]'
fetch(url, {'method': 'POST'}).then(resp => resp.text()).then(data => console.log(data))

Promise {<pending>}
VM830:2 


<html xmlns:v="urn Confused

chemas-microsoft-com:vml"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="shortcut icon" href="/context/favicon.ico" type="image/x-icon"/>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<script src="/context/spt_js/jquery/jquery-3.4.1.min.js"></script>
<script src="/context/spt_js/jquery/jquery-ui.min.js"></script>
<script src="/context/spt_js/jquery/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>


<link rel='stylesheet' href='/context/spt_js/formio/formio.full.min.css'>
<script src='/context/spt_js/formio/formio.full.min.js'></script>


<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons" />


<script src="/context/spt_js/bootstrap_material_design/bootstrap-material-design-4.1.1.js" integrity="sha384-CauSuKpEqAFajSpkdjv3z9t8E7RlpJ1UP0lKM/+NdtSarroVKu069AlsRPKkFBz9" crossorigin="anonymous"></script>

<link rel="stylesheet" href="/context/spt_js/bootstrap_material_design/bootstrap-material-design-4.1.1.min.css" integrity="sha384-wXznGJNEXNG1NFsbm0ugrLFMQPWswR3lds2VeinahP8N0zJw9VWSopbjv2x7WCvX" crossorigin="anonymous" />
<link rel="stylesheet" href="/context/spt_js/font-awesome-5.12.0/css/all.css?ver=4.8.0.a01" type="text/css" />
<link rel="stylesheet" href="/context/spt_js/mooDialog/css/MooDialog.css" type="text/css" />
<link rel="stylesheet" href="/context/spt_js/mooScrollable/Scrollable.css" type="text/css" />
<link rel="stylesheet" href="/context/style/layout.css" type="text/css" />
<link rel="stylesheet" href="/context/spt_js/video/video-js.css" type="text/css" />
<title>FitnessMedia</title>
</head><body style='color: #000;background: #F5F5F6;background-attachment: fixed !important;height: 100%;width: 100%;margin: 0px;overflow: auto'>
<script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script>
<form id='form' style='margin-bottom: 0px' name='form' method='post' enctype='multipart/form-data'>
<table style='border-collapse: collapse' class='spt_login_screen'><tr><td style='vertical-align: middle;text-align: center;background: transparent'><div class='spt_tactic_background' onkeyup="javascript:tactic_login(event);tactic_login(event)"><div class='tactic-container centered'><img class='spt_tactic_logo' src='/context/icons/logo/TACTIC.png'/><span style='margin-top: 4;color: #666' class='login_sthpw'>SOUTHPAW TECHNOLOGY INC</span><br /><div class='sign-in-line'></div><br /><div class='content-container'><div><input type="hidden" name="is_from_login" value="yes" class='spt_input' /><div class='login-container'><div class='sign-in-input'><div class='label'>Name</div><input type="text" name="login" value="" class='spt_input' /></div><div class='sign-in-input'><div class='label'>Password</div><input type="password" name="password" style='background: #fefeFF;color: #000;border: solid 1px border_color' class='inputfield spt_input' /></div></div><div class='bottom-container'><div></div><div class='sign-in-btn hand' onclick="javascript:document.form.elements['Submit'].value='Submit';document.form.submit()">Sign In<input type="hidden" name="Submit" value="" class='spt_input' /></div></div><div class='msg-container'></div><input type="hidden" name="login_message" value="" class='spt_input' /><style>
.password-inputs {
display: flex;
flex-direction: column;
}

.password-inputs .sign-in-btn {
align-self: center;
}

.reset-container {
display: flex;
flex-direction: column;
}

.sign-in-btn.email-reset-btn {
align-self: flex-start;
}

.code-msg-container {
margin: 20 0;
color: #666;
font-size: 12px;
text-align: left;
}

.msg-user {
text-decoration: underline;
}

.spt_code_div {
display: flex;
flex-direction: column;
}

</style></div></div></div><script>function tactic_login(e) {
if (!e) var e = window.event;
if (e.keyCode == 13) {
document.form.submit();
}}
</script></div></td></tr></table><style>

.tactic-container {
position: relative;

display: flex;
flex-direction: column;
align-items: center;

margin: 0px;
padding: 25px;

border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
background: white;

font-size: 10px;
}

.content-container {
margin-top: 40px;
width: 100%;
}

.sign-in-text {
position: absolute;
top: 100px;
font-size: 18px;
margin: 10px 0;
background: white;
z-index: 2;
padding: 0 10px;
color: #666;
}

.sign-in-line {
position: absolute;
width: 100%;
height: 1px;
background: #ccc;
top: 120px;
}

.sign-in-input {
position: relative;
width: 100%;
}

.board-man-gets-PAID {
styl: paid;
board: man;
board: man;
board: mans;
gets: paid;
styl: board;
man: kawhi;
}

.sign-in-input .label {
position: absolute;
top: -6;
left: 8;

padding: 0 5px;

background: white;
font-weight: normal;
color: #aaa;
font-size: 12px;
}

.sign-in-input input {
color: black;
width: 100%;
padding: 16px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 20px;
font-size: 16px;
}

.sign-in-input select {
color: black;
width: 100%;
height: 52px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 20px;
font-size: 16px;
}

.sign-in-btn {
align-self: flex-end;
background: #ccc;
color: white;
padding: 10px 16px;
font-size: 14px;
border-radius: 3px;
box-shadow: 0px 2px 4px 0px #bbb;
}

.sign-in-btn:hover {
background: #aaa;
}

.bottom-container {
display: flex;
justify-content: space-between;
width: 100%;
}

.msg-container {
display: flex;
align-self: start;
color: red;
margin-top: 5px;
}

.msg-container i {
margin-top: 1px;
margin-right: 5px;
}

.msg-container span {
text-align: start;
}

.floating-back-btn {
position: absolute;
top: 105;
left: 10;

display: flex;
align-items: center;
padding: 5px;
box-shadow: 0px 2px 4px 0px #ccc;
border-radius: 15px;
background: #ccc;
overflow: hidden;
width: 20px;
height: 20px;

font-size: 14px;
color: white;
cursor: hand;

transition: width 0.25s;
}

.floating-back-btn:hover {
width: 120px;
}

.floating-back-btn .fa {
margin-left: 3px;
}

.floating-back-btn span {
width: 100px;
position: absolute;
left: 20;
}

.spt_tactic_background {
margin: auto auto;
width: 400px;
text-align: center;
}

.spt_login_screen {
width: 100%;
height: 85%;
}

.spt_tactic_logo {
height: 40px;
margin-top: 10px;
}

</style></form>
</body></html>