Give your APIUser access to the App
ID:
Username:
WARNING: the information provided here is PRIVATE and NON-TRANSFERABLE.
Make sure you share this information only to the physical person related to this APIUser.
Note: The instructions are shown and will be copied in the ApiUser selected language.
Option 1: Whatsapp, SMS, Telegram, Line, WeChat, etc.
Click the following instructions to copy the
NON-HTML FORMATTED
text in your clipboard and share it with the user through your preferred messaging App: Whatsapp, SMS, Telegram, Line, WeChat, etc.
Click to copy NON-HTML text to clipboard!
Option 2: Automatically open your email client (GMail, Outlook, etc.)
Send an email containing the steps to access the LogMeal App by clicking the following button.
Option 3: Copy & paste in your email client (GMail, Outlook, etc.)
Click the following instructions to copy the
HTML FORMATTED
text in your clipboard and share it with the user through an email.
has created a user for you.
You can
access the LogMeal App
following the instructions below:
- Download the App from the Google or Apple Store.
- Once you have the App installed on your device, press the following button to activate the App!
If the App activation link did not work for you, follow these steps:
- Open the App
- Select the Business login option
- Paste the following token to the input box: TOKEN HERE
WARNING: the links and tokens provided in this email are PRIVATE and NON TRANSFERABLE. If you share this information other people will be able to access
all the information that is stored in the servers (food intake images, user profile information...)
Click to copy HTML text to clipboard!
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" sizes="192x192" href="/static/image/logmeal-icon-small.png">
<title>LogMeal Food AI - Image API for Food Detection - Food API: recognition and nutritional tracking</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The most Advanced API in the world for Food AI, analyse any food image,
identify each food items, including food groups, dishes, ingredients or recipes and nutritional information">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<!--<link rel="stylesheet" href="/static/css/bootstrap/bootstrap.min.css">-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/css/swiper.min.css">
<link rel="stylesheet" href="/static/css/nav.css">
<link rel="stylesheet" href="/static/css/main_variables.css">
<link rel="stylesheet" href="/static/css/footer/footer.css">
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<!-- Stripe JS Code - Load directly from stripe to remain PCI compliant -->
<script type="text/javascript" src="https://js.stripe.com/v3/"></script>
<!-- ReCaptcha -->
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LfxRCEsAAAAAHMB0yQFTrPe0Tb6jdW1n83Ehl2H"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PR66VTPG');</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZYS77BPELL"></script>
<script data-cookieconsent="ignore">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
// User consent preferences
gtag("consent", "default", {
ad_personalization: "denied",
ad_storage: "denied",
ad_user_data: "denied",
analytics_storage: "denied",
functionality_storage: "denied",
personalization_storage: "denied",
security_storage: "granted",
wait_for_update: 500,
});
gtag("set", "ads_data_redaction", true);
gtag("set", "url_passthrough", true);
// Existing configuration with your tracking IDs
gtag('config', 'G-ZYS77BPELL');
gtag('config', 'AW-10864878062');
</script> -->
<!-- LinkedIn ads analytics -->
<script type="text/javascript">
_linkedin_partner_id = "2537466";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);
</script>
<script type="text/javascript">
(function(){var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})();
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2537466&fmt=gif" />
</noscript>
<!-- end LinkedIn analytics -->
<!-- Hotjar Tracking Code for https://www.logmeal.es -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3801949,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Cookiebot code -->
<!-- <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="75499f4f-7b8c-42cb-ba32-2260298f6f36" data-blockingmode="auto" type="text/javascript"></script> -->
<!-- end cookiebot -->
<!-- Cookiebot code, integration with tag manager -->
<script
id="CookieDeclaration"
src="https://consent.cookiebot.com/75499f4f-7b8c-42cb-ba32-2260298f6f36/cd.js"
type="text/javascript"
></script>
<!-- START page_view EVENT -->
<script>
// Parameters
app_name = 'web'; // default application name
dashboard_related_substrings = ['profile', 'kiosk/restaurants', 'kiosk/menu-calendar', 'kiosk/restaurant-images', 'kiosk/reports', 'kiosk/graph', 'api/users', 'api/statistics', 'api/feedback'];
annotation_related_substrings = ['annotate', 'annotation', 'annotator', 'ann-manager'];
// Detect application-specific urls and trigger a different value for 'application'
page_url = window.location.href;
if (annotation_related_substrings.some(substring => page_url.includes(substring))) {
app_name = 'annotation';
} else if (dashboard_related_substrings.some(substring => page_url.includes(substring))) {
app_name = 'dashboard';
}
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'page-view',
'application': app_name
});
</script>
<!-- END page_view EVENT -->
</head>
<header>
</header>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PR66VTPG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="navigationBar" id="mainNavigationBar">
<div id="navigationBar_left" class="navigationBar_left">
<div class="nav_section_container nav_section_page_hover logo_section">
<!-- <a href="/" class="navbar-brand page-scroll"><img src="/static/image/brand/logmeal-api-logo.svg" alt="LogMeal api logo food recognition and detection" style="height: 100%;"></a>-->
<a href="/" class="navbar-brand page-scroll"><img src="/static/image/brand/logmeal-logo.svg" alt="LogMeal Food Recognition and Detection" style="height: 100%;"></a>
</div>
</div>
<div id="navigationBar_right" class="navigationBar_right">
<a id="nav_home_text" class="nav_section_container nav_section_option_hover_api" href="/api">Home</a>
<a id="nav_services_text" class="nav_section_container nav_section_option_hover_api" href="/api/services">Features</a>
<!-- <a id="nav_api_text" class="nav_section_container nav_section_option_hover_api" target="_blank" rel="noopener" href="https://api.logmeal.com/docs/">API</a>-->
<a id="nav_api_text" class="nav_section_container nav_section_option_hover_api" target="_blank" rel="noopener" href="https://docs.logmeal.com">API Documentation</a>
<!-- <a id="nav_tutorial_text" class="nav_section_container nav_section_option_hover_api" href="/tutorial" target="_blank">Tutorial</a>-->
<a id="nav_pricing_text" class="nav_section_container nav_section_option_hover_api" href="/api/pricing">Pricing</a>
<a id="nav_contactus_text" class="nav_section_container nav_section_option_hover_api" href="/api/contact">Contact Us</a>
<a id="nav_blog_text" class="nav_section_container nav_section_option_hover_api" href="/blog" target="_blank">Blog</a>
<a id="nav_try_button" class="nav_try_button" href="/api/demo">Try Food Recognition</a>
<div class="dropdown_container">
<div class="dropdown" id="user-dropdown-menu">
<a id="nav_login_button" class="nav_login_button login dropdown-toggle" data-toggle="dropdown" aria-expanded="true" href="#"></a>
<ul id="loginDropdown" class="dropdown-menu user-menu">
<li><a href="/profile">Profile</a></li>
<!-- <li id="annotatorMenu">-->
<!-- <a>Annotate</a>-->
<!-- <ul class="dropdown-menu user-menu">-->
<!-- <li><a href="/api/annotator-recognition">Annotator Recognition</a></li>-->
<!-- <li><a href="/api/annotator-multi-label">Annotator Multi-Label</a></li>-->
<!-- <li><a href="/api/annotator-restaurant">Annotator Restaurant</a></li>-->
<!-- <li><a href="/api/annotator-traybbox">Annotator Tray</a></li>-->
<!-- <li><a href="/api/annotator-segmentation">Annotator Segmentation</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<li id="restaurantMenu"><a href="/kiosk/restaurants">Restaurants</a></li>
<li id="menuCalendarMenu"><a href="/kiosk/menu-calendar">Menu Calendar</a></li>
<li id="restaurantImagesMenu"><a href="/kiosk/restaurant-images">Restaurant Images</a></li>
<li id="dishesGraphMenu"><a href="/kiosk/graph">Dishes Graph</a></li>
<li id="reportsMenu"><a href="/kiosk/reports">Reports</a></li>
<li id="feedbackMenu"><a href="/api/feedback">Feedback</a></li>
<li id="usersMenu"><a href="/api/users">Users</a></li>
<li id="statisticsMenu"><a href="/api/statistics">Statistics</a></li>
<!-- <li id="annManagerMenu">-->
<!-- <a href="">Ann. Manager</a>-->
<!-- <ul class="dropdown-menu user-menu">-->
<!-- <li><a href="/api/ann-manager-dish-recognition">Dish Recognition</a></li>-->
<!-- <li><a href="/api/ann-manager-dish-segmentation">Dish Segmentation</a></li>-->
<!-- </ul>-->
<!-- </li>-->
<li><a href="" onclick="doLogout()">Log out</a></li>
</ul>
</div>
</div>
</div>
<div id="menu_button" class="menu_button" onclick="toggleNavBarMenu()">☰</div>
</div>
<button onclick="scrollToTop()" id="scrollToTopButton" title="Go to top"><i class="icon-chevron-up"></i></button>
<link href="/static/css/users.css" rel="stylesheet">
<link href="/static/css/style.css" rel="stylesheet">
<link href="/static/css/modal-error.css" rel="stylesheet">
<link href="/static/css/selectors.css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/buttons.css">
<link rel="stylesheet" href="/static/css/restaurants-new.css">
<link rel="stylesheet" href="/static/css/style.css">
<section id="users" class="inner">
<div id="warning_message" class="alert alert-danger sticky-alert" role="alert" style="display: none; text-align: center;">
This is a warning alert—check it out!
</div>
<div class="container" style="width: 75%">
<span id="api-company-search-section" class="row" hidden>
<div class="api-company-search"><!-- company list --></div>
</span>
<div class="optionSelector">
<span id="apiUsersSelector" class="optionSelectorAPIUsers optionSelectorSelected" onclick="selectSection(0)"><i class="fa fa-user"></i> API USERS (<span name="apiUser_title_role">user</span>)</span>
<span id="apiUserManagersSelector" class="optionSelectorAPIUserManagers optionSelectorNotSelected hidden" onclick="selectSection(1)"><i class="fa-solid fa-user-tie"></i> API USER MANAGERS (<span name="apiUserManager_title_role">professional</span>)</span>
<span id="helpTab" class="optionSelectorHelpTab" onclick=""><i class="fa-solid fa-circle-question"></i> HELP</span>
</div>
<div id="apiUserManagersSection" class="row profile-detail users hidden">
<p class="error"></p>
<!-- LogMeal Platform information -->
<div id="logmeal_platform_info" class="company-info-div">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title">LogMeal Platform</h2>
<div class="col-sm-12">
<p><span id="platformAccessLink">All your APIUserManagers have access to the LogMeal Platform, which is our online tool for monitoring the food intakes of your users. If you or any of your colleagues wants to access this service you simply need to share the following link:</span> <a id="platform_url_1" target="_blank" href="https://platform.logmeal.com" style="margin-left: 2em; font-weight: bolder; font-size: large;">platform.logmeal.com</a></p>
</div>
</div>
</div>
<!-- LogMeal Platform Whitelabel information -->
<div id="logmeal_platform_whitelabel_info" class="company-info-div" style="display: none;">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title">LogMeal Platform Whitelabel Settings</h2>
<div id="table_platform_whitelabel" class="col-sm-12">
</div>
</div>
</div>
<!-- APIUserManagers Creation Information -->
<div class="company-info-div">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title"><span id="APIUserManagersCreationTitle">APIUserManagers creation instructions</span> (<span name="apiUserManager_title_role">user</span>)</h2>
<div class="col-sm-12">
<p><span id="step4Text2"></span></p>
<p><span id="step4Text3"></span> <a id="platform_url_2" class="logmealLink" target="_blank" href="https://platform.logmeal.com">platform.logmeal.com</a></p>
</div>
</div>
</div>
<form class="form-users form-select-c">
<form>
<div class="">
<a data-toggle="modal" data-target="#add_user_manager" class="add-user" id="add_user_manager_button"><span id="add_user_manager">Add New APIUserManager</span> (<span name="apiUserManager_title_role">user</span>)</a>
</div>
</form>
</form>
<div id="go_to_platform_button" class="" style="display: none;">
<a class="add-user" id="" target="_blank" href="https://platform.logmeal.com/app/login">Go to LogMeal Platform</a>
</div>
<div id="user-manager-info">
</div>
</div>
<div id="apiUsersSection" class="row profile-detail users">
<p class="error"></p>
<!-- Custom App Form information -->
<div id="custom_app_form" class="company-info-div">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 id="usersFeedbackFromTitle" class="block-title">Users Feedback Form</h2>
<div class="col-sm-12">
<p><span id="usersFeedbackFormPart1">The users that are granted access to the App will have a button in their profile for submitting feedback and recommendations. By default, we supply </span> <a id="usersFeedbackFormPart2" target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSdDTM_vUv2g6G6kIE_PxlS3g4_pEc32z7aBHzKEUpUUF-RlMQ/viewform?usp=pp_url&entry.728248713=english&entry.1008378365=#user_id#&entry.1561047580=#user_id#&entry.918006498=#user_id#&entry.2055169446=#user_id#&entry.1658373216=#user_id#&entry.95141700=#user_id#&entry.1023119900=#user_id#&entry.706647455=#user_id#">this form</a> <span id="usersFeedbackFormPart3"> to all users. If you want to customize your form just follow </span> <a id="usersFeedbackFormPart4" target="_blank" href="https://docs.google.com/document/d/1H3BZvPZ-29Cx_x0IQJd9ji-UkZA8JaD19-Sv3Dq3NVs/edit">these instructions</a> <span id="usersFeedbackFormPart5"> and copy the final url in the box below. If you leave the textbox blank then the default form will be supplied to the users.</span></p>
</div>
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="usersFeedbackFormURL">Custom Form URL:</span>
<input id="custom-form-url" type="text" class="input-cam inputs" value="" onchange="change_kiosk_configuration(this)" style="width: 40em;">
<a onclick="saveCustomFormUrl()" class="add-user" id="save_custom_url" style="margin-top: 0; margin-left: 1em;">Save</a>
</span>
</div>
</div>
</div>
<!-- LogMeal App Whitelabel information -->
<div id="logmeal_app_whitelabel_info" class="company-info-div" style="display: none;">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title">LogMeal App Whitelabel Settings</h2>
<div id="table_app_whitelabel" class="col-sm-12">
</div>
</div>
</div>
<!-- APIUsers Creation Information -->
<div class="company-info-div">
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title"><span id="APIUsersCreationTitle">APIUsers Creation Instructions</span> (<span name="apiUser_title_role">user</span>)</h2>
<div class="col-sm-12">
<p><span id="createAPIUser-text2"></span></p>
</div>
</div>
</div>
<!-- Plan Limits Info Section -->
<div class="company-info-div" id="plan_limits_info_section" hidden>
<div class="col-sm-12 users-section" style="padding-left: 0;">
<h2 class="block-title"><span id="PlanLimitsTitle">Your Subscription Limitations</span></h2>
<div class="col-sm-12">
<p><span id="planLimitsText1"></span> <b><span id="calls_day_span"></span></b></p>
<p><span id="planLimitsText2"></span></p>
</div>
</div>
</div>
<!-- Add user button -->
<form class="form-users form-select-c">
<form>
<div class="add-user-div">
<a data-toggle="modal" data-target="#adduser" class="add-user" id="add_user_button"><span id="add_user">Add New APIUser</span> (<span name="apiUser_title_role">user</span>)</a>
</div>
</form>
</form>
<!-- Form for uploading a .tsv file for submitting a list of Kiosk identifiers -->
<div class="panel-body custom-file-upload-panel-body" id="kiosk_identifiers_form" style="display: none;"> <!-- hide by default -->
<button style="margin-bottom: 0.5em;" id="kiosk_customers_tsv_sample_button" class="btn btn-info btn-info-override btn-details" type="button" onclick="" download="filename">
<img class="btnIconImg" src="/static/image/download-icon.png"> <b id="downloadAPKButton">Download Kiosk Identifiers Sample .tsv</b>
</button>
<form name="menu-upload-form" id="menu-upload-form" class="box-flex">
<label for="menu-file" class="custom-file-upload" id="choose-file-label">Upload Kiosk Identifiers Document</label>
<input name="menu-file" type="file" id="menu-file" style="display: none;" />
<div class="custom-file-upload-form-submit">
<button id="menu-upload-form-submit" type="submit" class="btn btn-primary mb-2">Submit</button>
</div>
</form>
</div>
<!-- Api Company Information-->
<div id="company_info" class="company-info-div">
<div class="col-sm-4" style="padding-left: 0;">
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="companyInfoFirstName">First Name:</span>
<span id="first-name" class="field-param"></span></span>
</div>
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="companyInfoLastName">Last Name:</span>
<span id="last-name" class="field-param"></span>
</span>
</div>
</div>
<div class="col-sm-3">
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="companyInfoSignUp">Signup Date:</span>
<span id="signup-date" class="field-param"></span> </span>
</div>
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="companyInfoLogin">Last Login:</span>
<span id="last-login" class="field-param"></span></span>
</div>
</div>
<div class="col-sm-4">
<div class="col-sm-12">
<span class="field-title title-only-feedback selector-title"><span id="companyInfoEmail">Email:</span>
<span id="email" class="field-param"></span>
</span>
</div>
<div class="col-sm-12" hidden>
<span class="field-title title-only-feedback selector-title"><span id="companyInfoMAU">Monthly Active Users (MAUs):</span>
<span id="monthly_active_users" class="field-param"></span></span>
</div>
</div>
</div>
<div id="user-info">
<!-- admin users part -->
</div>
</div>
</div>
</section>
<div class="modal fade bd-example-modal-lg" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="addUserModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-create-user" role="dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header modal-create-user-h">
<h4 class="modal-title modal-create-user-title"><span id="createAPIUserTitle">Create New APIUser</span> (<span name="apiUser_title_role">user</span>)</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div id="upperModalBody" class="modal-body" style="height: 12.5em">
<p id ="create-user-error" class="error">
<form name="create_username" id="create_username" role="form">
<div class="form-group col-sm-12">
<label for="NewUsername" class="col-form-label" id="createAPIUserUsername">Username*:</label>
<input type="text" class="form-control" name="NewUsername" id="NewUsername" placeholder=""/>
</div>
</form>
<div class="col-sm-12">
<label for="select-lang" class="col-form-label" id="createAPIUserLanguage">Language</label>
<select id='select-lang' class='input-modal add-selector select-api-company' name='select_line_orientation'>
</select>
</div>
<div class="modal-body col-sm-12" style="margin-top:1em;">
<div class="form-group" style="margin-top: 0.25em;">
<label for="NewUserFirstName" class="col-form-label" id="createAPIUserFirstName">First Name:</label>
<input type="text" class="form-control" name="NewUserFirstName" id="NewUserFirstName" placeholder=""/>
</div>
<div class="form-group">
<label for="NewUserLastName" class="col-form-label" id="createAPIUserLastName">Last Name:</label>
<input type="text" class="form-control" name="NewUserLastName" id="NewUserLastName" placeholder=""/>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button id="addNewuUser" onclick="createAPIUser()" type="button" class="btn btn-dd confirmedBtn">Done</button>
</div>
</div>
</div>
</div>
<div class="modal fade bd-example-modal-lg" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="addUserManagerModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-create-user" role="dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header modal-create-user-h">
<h4 class="modal-title modal-create-user-title"><span id="createAPIUserManagerTitle">Create New APIUserManager</span> (<span name="apiUserManager_title_role">user</span>)</h4>
<button type="button" class="close" data-dismiss="modal" onclick="close_user_manager_modal()">×</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="height: 12em">
<p id ="create-user-manager-error" class="error">
<form name="create_username_manager" id="create_username_manager" role="form">
<p id="createAPIUserManagerMessageEmail" style="margin-left: 1em;">The manager will receive an email with the credentials.</p>
<div class="form-group col-sm-12">
<label class="col-form-label" id="createAPIUserManagerUsername">Username:</label>
<input type="text" class="form-control" name="userManager_username" id="userManager_username" placeholder=""/>
</div>
<div class="form-group col-sm-12">
<label class="col-form-label" id="createAPIUserManagerEmail">Email:</label>
<input type="text" class="form-control" name="userManager_email" id="userManager_email" placeholder="example@mail.com"/>
</div>
<div class="form-group col-sm-12">
<label class="col-form-label" id="createAPIUserManagerPassword">Password:</label>
<input type="password" class="form-control" name="userManager_password" id="userManager_password" placeholder="**********"/>
</div>
</form>
<div class="col-sm-12">
<label for="select-lang-manager" class="col-form-label" id="createAPIUserManagerLanguage">Language</label>
<select id='select-lang-manager' class='input-modal add-selector select-api-company'
name='select_line_orientation'>
</select>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button id="addNewUserManager" onclick="createAPIUserManager()" type="button" class="btn btn-dd confirmedBtn">Create APIUserManager</button>
</div>
</div>
</div>
</div>
<div id="appAccessModal" class="modal fade appAccessModal" role="dialog">
<div class="modal-dialog">
<button type="button" class="close dismissAppAccessModal" data-dismiss="modal">×</button>
<!-- Modal content-->
<div class="appAccessModalContent">
<div id="appAccessHeader" class="appAccessHeader">
Give your APIUser access to the App
</div>
<div class="appAccessUserLabel">
<span class="userLabelRow"><strong>ID:</strong><span id="appAccessModalUserId"></span></span>
<span class="userLabelRow"><span id="appAccessUsername" style="font-weight: bold;">Username:</span><span id="appAccessModalUsername"></span></span>
</div>
<div class="appAccessWarning">
<span>
<span id="appAccessWarningFirst">WARNING: the information provided here is PRIVATE and NON-TRANSFERABLE.</span>
<br>
<br>
<span id="appAccessWarningSecond">Make sure you share this information only to the physical person related to this APIUser.</span>
</span>
</div>
<br>
<p id="languageNote" class="appAccessUserLabel" style="font-weight: bold; width: 90%; font-size 1em;">Note: The instructions are shown and will be copied in the ApiUser selected language.</p>
<div class="appAccessOption">
<h4 id="option1" style="font-weight: bold;">Option 1: Whatsapp, SMS, Telegram, Line, WeChat, etc.</h4>
</div>
<div class="appAccessOptionExplanation">
<p>
<span id="appAccessOptionExplanation1">Click the following instructions to copy the </span>
<span id="appAccessOptionExplanation1HTML" style="font-weight: bold;">NON-HTML FORMATTED </span>
<span id="appAccessOptionExplanation1.2">text in your clipboard and share it with the user through your preferred messaging App: Whatsapp, SMS, Telegram, Line, WeChat, etc.</span>
</p>
<!--
<br>
<div id="copyPasteBoxAlternative" class="copyPasteBoxAlternative" onclick="copyToClipRaw()">
Press here to copy a basic text version of the instructions.
</div>
-->
<br>
<div class="copyPasteBoxWrap">
<div id="copyPasteBoxAlternative" class="appAccessCopyPasteBox">
</div>
<div id="copyPasteBoxAlternative_hidden_plan" hidden></div>
<div class="copyPasteHoverBox" onclick="copyToClip(document.getElementById('copyPasteBoxAlternative_hidden_plan'), 'copyPasteHoverText2', 'Click to copy NON-HTML text to clipboard!', true)">
<p id="copyPasteHoverText2" class="copyPasteHoverText noselect">Click to copy NON-HTML text to clipboard!</p>
</div>
</div>
</div>
<div class="appAccessOption">
<h4 id="option2" style="font-weight: bold;">Option 2: Automatically open your email client (GMail, Outlook, etc.)</h4>
</div>
<div class="appAccessOptionExplanation">
<p id="appAccessOptionExplanation2">Send an email containing the steps to access the LogMeal App by clicking the following button.</p>
<br>
<button id="sendEmailbutton" class="sendEmailButton" onclick="sendAppEmail()">Send instructions by email</button>
</div>
<div class="appAccessOption">
<h4 id="option3" style="font-weight: bold;">Option 3: Copy & paste in your email client (GMail, Outlook, etc.)</h4>
</div>
<div class="appAccessOptionExplanation">
<p>
<span id="appAccessOptionExplanation3">Click the following instructions to copy the </span>
<span id="appAccessOptionExplanation3HTML" style="font-weight: bold;">HTML FORMATTED </span>
<span id="appAccessOptionExplanation3.2">text in your clipboard and share it with the user through an email.</span>
</p>
<br>
<div class="copyPasteBoxWrap">
<div id="appAccessCopyPasteBox" class="appAccessCopyPasteBox">
<span style="font-weight: bold;" id="companyNameText"></span><span id="companyHasCreated"> has created a user for you.</span>
<br>
<span id="followInstructions1">You can </span>
<span id="followInstructions2" style="font-weight: bold;">access the LogMeal App </span>
<span id="followInstructions3">following the instructions below:</span>
<hr>
<ol>
<li><span id="listOption1">Download the App from the Google or Apple Store.</span>
<br><br>
<a id="downloadLink_apple" style="color: black;" target="_blank" rel="noopener noreferrer"><image style="max-width: 30%; height: 2.5em;" src="https://logmeal.com/app/download/download_apple_store.png"></image></a>
<a id="downloadLink_android" style="color: black;" target="_blank" rel="noopener noreferrer"><image style="max-width: 30%; height: 2.5em;" src="https://logmeal.com/app/download/download_play_store.png"></image></a>
<!--
<button style="padding: 1em; margin: 1em; border-radius: 0.5em; background-color:var(--main-green); color: white; font-weight: bold; border: none;"><a id="downloadLink_apple" style="color: black;" target="_blank" rel="noopener noreferrer">Apple Store</a></button>
<button style="padding: 1em; margin: 1em; border-radius: 0.5em; background-color:var(--main-green); color: white; font-weight: bold; border: none;"><a id="downloadLink_android" style="color: black;" target="_blank" rel="noopener noreferrer">Google Play</a></button>
-->
<br><br>
</li>
<li><span id="listOption2">Once you have the App installed on your device, press the following button to activate the App!</span>
<br>
<button style="padding: 1em; margin: 1em; border-radius: 0.5em; background-color:#ff8c00; color: white; font-weight: bold; border: none;"><a id="activationLink" style="color: black;" target="_blank" rel="noopener noreferrer">Activate the App!</a></button>
</li>
</ol>
<br>
<span id="alternativeInstructions">If the App activation link did not work for you, follow these steps:</span>
<ol>
<li id="alternativeInstruction1">Open the App</li>
<li id="alternativeInstruction2">Select the Business login option</li>
<li><span id="alternativeInstruction3">Paste the following token to the input box: </span><span id="appToken" style="font-weight: bold;">TOKEN HERE</span></li>
</ol>
<br>
<!-- Only enable this part whenever the App download link works. -->
<!--
<ol>
<li>Download the App from here:
<br>
<button style="padding: 1em; margin: 1em; border-radius: 0.5em; background-color:var(--main-green); color: white; font-weight: bold; border: none;"><a id="downloadLink" style="color: black;" target="_blank" rel="noopener noreferrer">Download the app</a></button>
</li>
-->
<!-- end enable -->
<br>
<span id="tokenWarning" style="color: red; font-weight: bold; font-size: 0.8em;">
WARNING: the links and tokens provided in this email are PRIVATE and NON TRANSFERABLE. If you share this information other people will be able to access
all the information that is stored in the servers (food intake images, user profile information...)
</span>
</div>
<div class="copyPasteHoverBox" onclick="copyToClip(document.getElementById('appAccessCopyPasteBox'), 'copyPasteHoverText', 'Click to copy HTML text to clipboard!', false)">
<p id="copyPasteHoverText" class="copyPasteHoverText noselect">Click to copy HTML text to clipboard!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="kioskAccessModal" class="modal fade appAccessModal" role="dialog">
<div class="modal-dialog">
<button type="button" class="close dismissAppAccessModal" data-dismiss="modal">×</button>
<!-- Modal content-->
<div class="appAccessModalContent" style="border: 1px solid black;">
<div id="kioskAccessHeader" class="appAccessHeader">
Give your APIUser access to the Kiosk
</div>
<div class="appAccessUserLabel">
<span class="userLabelRow"><strong>ID:</strong><span id="kioskAccessModalUserId"></span></span>
<span class="userLabelRow"><span id="kioskAccessUsername" style="font-weight: bold;">Username:</span><span id="kioskAccessModalUsername"></span></span>
</div>
<div class="add-user-div">
<a data-toggle="modal" data-target="#addkioskidentifier" class="add-user" id="add_kiosk_identifier">Add New Identifier</a>
</div>
<div class="accessEntriesTableSection">
<div id="kiosk-access-identifiers">
</div>
</div>
</div>
</div>
</div>
<!-- Modal for adding a new SMTCustomer identifier to the list -->
<div class="modal fade bd-example-modal-lg" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="addKioskIdentifierModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg modal-create-user" role="dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header modal-create-user-h">
<h4 class="modal-title modal-create-user-title" id="createKioskIdentifierTitle">Create New Kiosk Customer Identifier</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body" style="height: 12em">
<p id ="create-kiosk-identifier-error" class="error">
<div class="col-sm-12">
<label for="select-rest" class="col-form-label" id="createKioskRestaurant">Restaurant:</label>
<select id='select-rest' class='input-modal add-selector select-api-company' name='select_line_orientation' onchange="selectKioskRestaurant()">
</select>
</div>
<div class="form-group col-sm-12">
<label for="external_user_id" class="col-form-label" id="createKioskExternalUsername">External Username:</label>
<input type="text" class="form-control" name="external_user_id" id="external_user_id" placeholder=""/>
</div>
<form name="create_identifier" id="create_identifier" role="form">
<div class="form-group col-sm-12">
<label for="NewIdentifier" class="col-form-label" id="createKioskIdentifier">Identifier:</label>
<input type="text" class="form-control" name="NewIdentifier" id="NewIdentifier" placeholder=""/>
</div>
</form>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button id="addNewKioskIdentifier" onclick="createKioskIdentifier()" type="button" class="btn btn-dd confirmedBtn" style="margin-top: 2em;">Done</button>
</div>
</div>
</div>
</div>
<div id="accessEntriesModal" class="modal fade accessEntriesModal" role="dialog">
<div class="modal-dialog">
<button type="button" class="close dismissAccessEntriesModal" data-dismiss="modal">×</button>
<!-- Modal content-->
<div class="accessEntriesModalContent">
<div id="accessEntriesModalHeader" class="accessEntriesModalHeader">
APIUserManager permissions
</div>
<div class="appAccessUserLabel">
<span class="userLabelRow"><strong>ID:</strong><span id="accessEntriesModalId"></span></span>
<span class="userLabelRow"><strong>Email:</strong><span id="accessEntriesModalEmail"></span></span>
</div>
<div class="accessEntriesAddSection">
<span class="accessEntriesText" id="accessEntriesAccessibleTitle">Accessible APIUsers:</span>
<br>
<span id="accessEntriesAccessibleText">The information of the APIUsers below will be accessible and modifiable by the APIUserManager (images, goals, user profile, history of intakes...).</span>
<div id="manager-access-current-entries">
</div>
</div>
<div class="accessEntriesTableSection">
<span class="accessEntriesText" id="accessEntriesAvailableTitle">Available APIUsers:</span>
<br>
<span id="accessEntriesAvailableText">The following APIUsers can be assigned to the APIUserManager to give it access to their information.</span>
<div id="manager-access-available-entries">
</div>
</div>
</div>
</div>
</div>
<!--- errors Modal --->
<div class="modal fade bs-example-modal-sm" id="thankyouBox" tabindex="-1" role="dialog" style="display: none;">
</div>
<!--- success Functions--->
<div class="modal fade bs-example-modal-sm" id="successFunction" tabindex="-1" role="dialog" style="display: none;">
</div>
<footer>
<div class="container" style="width: 80%;">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="col-sm-12 col-md-12 div-logmeal-img center-xs">
<a href="/" class="page-scroll">
<img src="/static/image/brand/logmeal-logo.svg" class="logmeal-img"
alt="LogMeal logo food recognition and detection api restaurants checkout kiosk"></a>
</div>
<div class="col-xs-12 justify-center-xs">
<div id="linkedin" class="social col-xs-2">
<a href="https://www.linkedin.com/company/65578778/" target="_blank" rel="noopener">
<div class="social-icon-background">
<i class="social-icon fa fa-lg fa-linkedin"></i>
</div>
</a>
</div>
<div id="twitter" class="social col-xs-2">
<a href="https://twitter.com/logmeal_ai?s=20" target="_blank" rel="noopener">
<div class="social-icon-background">
<i class="social-icon fa fa-lg fa-twitter"></i>
</div>
</a>
</div>
<div id="instagram" class="social col-xs-2">
<a href="https://www.instagram.com/logmeal_ai/" target="_blank" rel="noopener">
<div class="social-icon-background">
<i class="social-icon fa fa-lg fa-instagram"></i>
</div>
</a>
</div>
</div>
<div class="col-xs-12">
<div class="col-xs-12 col-sm-6" style="padding: 0;">
<div class="footerSubLogo">
<a href="https://www.aigecko.com/" rel="noopener" target="_blank"><img style="max-height: 100% !important;"
src="/static/image/aigecko-solutions-computer-vision-ai.svg"
class="img-responsive img-responsive-logo footerSubLogoImg"
alt="AIGecko Technologies logmeal logmask AI deep learning solutions"></a>
</div>
</div>
<div class="col-xs-12 col-sm-6" style="padding: 0;">
<div class="footerSubLogo">
<a href="https://www.ub.edu" rel="noopener" target="_blank"><img style="max-height: 100% !important;"
src="/static/image/spin-off-universitat-barcelona-ub.png"
class="img-responsive img-responsive-logo footerSubLogoImg"
alt="AIGecko, a Universitat de Barcelona UB Spin-off"></a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-7 footer-link-container">
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="quick-menu" style="height: 100%;">
<ul>
<li><a rel="noopener" href='/api/services'>Features</a></li>
<li><a rel="noopener" href='/api/pricing'>Pricing</a></li>
<li><a rel="noopener" href='/api/demo'>Demo</a></li>
<li><a rel="noopener" href='/signup/form'>Sign Up</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="quick-menu">
<ul>
<li><a rel="noopener" href="/#services_anchor">About Us</a></li>
<li><a rel="noopener" href="#team">Team</a></li>
<li><a rel="noopener" href="/api/contact">Contact Us</a></li>
<li><a target="_blank" rel="noopener" href="https://docs.logmeal.com">API Documentation</a>
</li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3">
<div class="quick-menu">
<ul>
<li><a rel="noopener" href="/disclaimer" target="_blank">Disclaimer</a></li>
<li><a rel="noopener" href="/privacy" target="_blank">Privacy Policy</a></li>
<li><a rel="noopener" href="/terms" target="_blank">Terms of Service</a></li>
<li><a rel="noopener" href="/cookies" target="_blank">Cookies Policy</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-2">
<div class="footerSubpageLogo">
<a href="/api"><img src="/static/image/brand/logmeal-api-logo.svg" alt="LogMeal api logo food recognition and detection" style="height: 100%;"></a>
</div>
<div class="footerSubpageLogo">
<a href="/kiosk" ><img src="/static/image/brand/logmeal-kiosk-logo.svg" alt="LogMeal kiosk logo food recognition and detection restaurants checkout" style="height: 100%;"></a>
</div>
<div class="footerSubpageLogo">
<a target="_blank" href="/blog" ><img src="/static/image/brand/logmeal-blog-logo.svg" alt="LogMeal Blog logo food recognition nutrition articles information features" style="height: 120%;"></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2">
<p class="logmeal-app-stores-title">LogMeal App</p>
<div class="clients-store-btn-div">
<a class="clients-apple-store-btn-footer" target="_blank" href="https://apps.apple.com/es/app/logmeal/id1578738525?l=en-GB"><img class="clients-apple-store-btn-footer" src="/static/image/app_stores/download_apple_store.png" alt="apple store icon" /></a>
</div>
<div class="clients-store-btn-div">
<a class="clients-apple-store-btn-footer" target="_blank" href="https://play.google.com/store/apps/details?id=es.logmeal.app&hl=es&gl=US"><img class="clients-android-store-btn-footer" src="/static/image/app_stores/download_play_store.png" alt="android store icon" /></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12">
<p class="copyrightText"><strong>LogMeal</strong> © 2026. All Rights Reserved. | <strong>AIGecko Technologies SL, Artificial Intelligence and Deep Learning Food Division</strong></p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<!--
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/js/auth_login_functions.js"></script>
<script type="text/javascript" src="/static/js/utils.js"></script>
<script type="text/javascript" src="/static/js/config.js"></script>
<script type="text/javascript" src="/static/js/header.js"></script>
<script type="text/javascript" src="/static/js/swiper.min.js"></script>
<script type="text/javascript" src="/static/js/functions.js"></script>
<script type="text/javascript" src="/static/js/custom.js"></script>
<!-- Old Cookieinfo plugin -->
<!--
<script type="text/javascript" id="cookieinfo"
src="https://cookieinfoscript.com/js/cookieinfo.min.js"
data-bg="#333333"
data-fg="#FFFFFF"
data-link="var(--main-green)"
data-cookie="CookieInfoScript"
data-text-align="left"
data-font-size="15px"
data-font-family="Karla"
data-divlinkbg="var(--main-green)"
data-mask-opacity="0.2"
data-close-text="Got it!">
</script>
-->
</body>
</html>
<script type="text/javascript" src="/static/js/footer.js"></script>
<script type="text/javascript" src="/static/js/auth_login_functions.js"></script>
<script type="text/javascript" src="/static/js/login.js"></script>
<script type="text/javascript" src="/static/js/utils.js"></script>
<script type="text/javascript" src="/static/js/translations.js"></script>
<script type="text/javascript" src="/static/js/users-utils.js"></script>
<script type="text/javascript" src="/static/js/users.js"></script>