Skip to content

Instantly share code, notes, and snippets.

@thadk
Last active November 1, 2019 04:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thadk/c330bf41305470880fa2c8c4a2fc879f to your computer and use it in GitHub Desktop.
Save thadk/c330bf41305470880fa2c8c4a2fc879f to your computer and use it in GitHub Desktop.
ACRE App
ACRE App
Login page
doTheLogin -> Logged in page
Logged in page
doLogout -> Login page
Update My Info
ChooseWhatYouAreAdding -> Update My Info
Send -> Logged in page
Check Balance aka Payment History
ChooseYear -> Check Balance Populated
Check Balance Populated
Contact Us
Choose type of contact us -> Contact Us
MessageSent -> Logged in page
/*function render(model){
let current_state_name = model.active_states[0].name;
return $("h1",
{style: {color: "darkBlue"}},
`The current state is: ${current_state_name}`);
}*/
// Attach Figma frames (artboards) to states
// IDs can be found under "Share > Public Embed" in Figma
// ** Edit this: Figma File ID
const figmaFile = "IlCjIaJ3bUQkLyvvzDbsvu";
// ** Edit this: List state names and matching Figma frame/artboard IDs
const figmaNodes =
{'Login page': "0%3A23996",
'Update My Info': "0%3A21130" };
const figmaURL = "https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/file/" + figmaFile + "/Sample-File?node-id=";
function render(model){
const currentStateName = model.active_states[0].name;
for (f in figmaNodes)
if (currentStateName === f)
return $("iframe",{src: figmaURL + figmaNodes[f], width: '100%', height: '100%'});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment