<html lang="en"><script type="text/javascript" async="" src="https://widget.intercom.io/widget/z02711rk"></script><script src="https://connect.facebook.net/signals/config/126269261384270?v=2.9.22&r=stable" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" class="__REQUESTLY__SCRIPT">(function(namespace) {
window[namespace] = window[namespace] || {};
window[namespace].responseRules = {};
let open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function(method) {
this.addEventListener('readystatechange', function() {
if (this.readyState === 4 && window[namespace].responseRules.hasOwnProperty(this.responseURL)) {
const responseRule = window[namespace].responseRules[this.responseURL];
const {response, id} = responseRule;
const responseType = this.responseType;
let customResponse;
customResponse = response.type === 'code' ? responseRule.evaluator({
method,
url: this.responseURL,
requestHeaders: this.requestHeaders,
requestData: this.requestData,
responseType: this.responseType,
response: this.response
}) : response.value;
Object.defineProperty(this, 'response', {
get: function () {
if (response.type === 'static' && responseType === 'json') {
return JSON.parse(customResponse);
}
return customResponse;
}
});
if (responseType === '' || responseType === 'text') {
Object.defineProperty(this, 'responseText', {
get: function () {
return customResponse;
}
});
}
window.postMessage({
from: 'requestly',
type: 'response_rule_applied',
id
}, window.location.href);
}
}, false);
open.apply(this, arguments);
};
let send = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(data) {
this.requestData = data;
send.apply(this, arguments);
};
let setRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
XMLHttpRequest.prototype.setRequestHeader = function(header, value) {
this.requestHeaders = this.requestHeaders || {};
this.requestHeaders[header] = value;
setRequestHeader.apply(this, arguments);
}
})('__REQUESTLY__')</script><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="MSSmartTagsPreventParsing" content="true">
<meta name="google-site-verification" content="h3RSZax6F2yw8xYQIMBvnrDRjbB3KGIx4uV_fEL41vM">
<meta name="referrer" content="same-origin">
<title>Dashboard</title>
<meta name="keywords" content="">
<meta name="title" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:site_name" content="Animaker">
<meta property="og:title" content="Animaker, Make Animated Videos on Cloud for free">
<meta property="og:type" content="Animation">
<meta property="og:image" content="https://www.animaker.com/assets/images/explainer-video-software.JPG">
<meta property="og:image:url" content="https://www.animaker.com/assets/images/explainer-video-software.JPG">
<meta property="og:image:width" content="140">
<meta property="og:image:height" content="140">
<meta property="og:image:type" content="image/png">
<meta property="og:description" content="Animaker is an online do-it-yourself (#DIY) animation video maker that brings studio quality presentations within everyone's reach. Animated Videos, Done Right!">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@theanimaker">
<meta name="twitter:title" content="Animaker, Make Animated Videos on Cloud for free">
<meta name="twitter:description" content="Animaker is an online do-it-yourself (#DIY) animation video maker that brings studio quality presentations within everyone's reach. Animated Videos, Done Right!">
<meta name="twitter:image" content="https://www.animaker.com/assets/images/explainer-video-software.JPG">
<link rel="publisher" href="https://plus.google.com/+Animaker">
<meta name="p:domain_verify" content="a2341da4202b781231e7a09853ce2c20">
<link rel="shortcut icon" type="image/png" href="https://speed.animaker.com/asset/images/favicon.png">
<link rel="stylesheet" type="text/css" href="https://tool.animaker.com/assets/css/fonts.css">
<link href="https://speed.animaker.com/asset/css/bootstrap-v1.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://speed.animaker.com/asset/css/home-v19.css">
<link href="https://tool.animaker.com/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link rel="canonical" href="https://www.animaker.com/dashboard">
<link rel="alternate" hreflang="en" href="https://www.animaker.com/dashboard">
<link rel="alternate" hreflang="es" href="https://www.animaker.es/dashboard">
<link rel="alternate" hreflang="pt" href="https://www.animaker.co/dashboard">
<link rel="alternate" hreflang="de" href="https://www.animaker.de/dashboard">
<link rel="alternate" hreflang="fr" href="https://www.animaker.fr/dashboard">
<link rel="alternate" hreflang="kr" href="https://www.animaker.kr/dashboard">
<link rel="alternate" hreflang="ru" href="https://www.animaker.ru/dashboard">
<link rel="alternate" hreflang="it" href="https://www.animaker.it/dashboard">
<link rel="alternate" hreflang="jp" href="https://www.animaker.jp/dashboard">
<link rel="alternate" hreflang="x-default" href="https://www.animaker.com/dashboard">
<link rel="stylesheet" type="text/css" href="https://speed.animaker.com/asset/css/templates15.css">
<script src="https://speed.animaker.com/asset/js/jquery-1.11.0-v2.min.js"></script>
<script type="text/javascript" src="https://speed.animaker.com/asset/js/bootstrap-v2.min.js"></script>
<script type="text/javascript" src="https://speed.animaker.com/asset/js/sprintf-v4.min.js"></script>
<script type="text/javascript" src="https://speed.animaker.com/asset/js/lang-switch-v4.min.js"></script>
<script type="text/javascript" src="https://speed.animaker.com/asset/js/home-v11.min.js"></script>
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m)
{
i['GoogleAnalyticsObject']=r;
i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})
(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51909243-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '126269261384270');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=126269261384270&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
</head>
<body style="">
<header class="header">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="logo">
<a class="logo_redirect" style="cursor:pointer;"><img src="https://speed.animaker.com/asset/images/animaker-new-logo.png"></a>
</div>
<div class="menus">
<span class="mobile-language-holder" style="height: 40px;width: 40px;float: right;margin-top: 15px;background: url(https://speed.animaker.com/assets/images/lang-icon.png) 0 10px no-repeat;background-size: 23px;">
<div class="mob-language-dropdown">
<a href="https://tool.animaker.com/">English</a>
<a href="https://tool.animaker.es/">Español</a>
<a href="https://tool.animaker.co/">Português</a>
<a href="https://tool.animaker.de/">Deutsch</a>
<a href="https://tool.animaker.fr/">Français</a>
<a href="https://tool.animaker.kr/">한국어</a>
<a href="https://tool.animaker.ru/">Pусский</a>
<a href="https://tool.animaker.it/">Italiano</a>
<a href="https://tool.animaker.jp/">日本人</a>
</div>
</span>
<span class="mobile-menu-icon">
<span class="menu-bar-icon" style="margin-top: 25px;"></span>
<span class="menu-bar-icon"></span>
<span class="menu-bar-icon"></span>
</span>
<ul class="main-menu">
<!--If logged in-->
<li><a href="https://tool.animaker.com/dashboard">Dashboard</a></li>
<li><a href="https://tool.animaker.com/pricing">Pricing</a></li>
<li><a href="https://tool.animaker.com/voice-app">Voice</a></li>
<li class="account-details"><span>
<p>Jesse</p>
<img src="https://animprofileimages.s3.amazonaws.com/5183868.jpg">
</span>
<div class="account-dropdown">
<a href="https://tool.animaker.com/userprofile">My Account</a>
<a href="https://tool.animaker.com/transaction">My Plan</a>
<a href="https://tool.animaker.com/login/logout">Logout</a>
</div>
</li>
<li class="anim_button"><a href="https://tool.animaker.com/templates">Create a video</a></li>
<!--Language icon-->
<li class="language-globe center-all">
<span style="background-color: transparent; background-position: 5px 5px;">
<div class="language-dropdown" style="display: none;">
<a href="https://tool.animaker.com/">English</a>
<a href="https://tool.animaker.es/">Español</a>
<a href="https://tool.animaker.co/">Português</a>
<a href="https://tool.animaker.de/">Deutsch</a>
<a href="https://tool.animaker.fr/">Français</a>
<a href="https://tool.animaker.kr/">한국어</a>
<a href="https://tool.animaker.ru/">Pусский</a>
<a href="https://tool.animaker.it/">Italiano</a>
<a href="https://tool.animaker.jp/">日本人</a>
</div>
</span>
</li>
</ul>
<ul class="mob-menu">
<!--If logged in-->
<li><a href="https://tool.animaker.com/dashboard">Dashboard</a></li>
<li><a href="https://tool.animaker.com/pricing">Pricing</a></li>
<li><a href="https://tool.animaker.com/voice-app">Voice</a></li>
<li><a href="https://tool.animaker.com/userprofile">My Account</a></li>
<li><a href="https://tool.animaker.com/transaction">My Plan</a></li>
<li><a href="https://tool.animaker.com/login/logout">Logout</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="cookie_section">
<p class="cookie_text">We use cookies to provide a personalised experience for our users. Read more from our <a href="https://tool.animaker.com/terms-policy" style="color:#0fe8d6" class="terms_link">Cookie Policy.</a> <span class="accept_button">Got it</span></p>
</div>
<style type="text/css">
html{
position: relative;
padding-bottom: 10%;
min-height: 100%;
}
.cookie_section{bottom: 0;position: fixed;background-color: rgb(146, 120, 181);width: 100%;text-align: center;z-index: 99999;}
.cookie_section .cookie_text{margin: 0;color: #fff;font-family: khula-Bold;font-size: 15px;padding: 10px 0px;}
.cookie_section .cookie_text .accept_button{cursor: pointer;background-color: #f5811a;padding: 4px 25px 1px 22px;border-radius: 5px;color: #fff;}
@media screen and (max-width: 991px) {
.cookie_section .cookie_text{font-size: 12px;padding: 10px 15px;}
}
@media screen and (max-width: 500px) {
.cookie_section .cookie_text{padding: 15px 15px;font-size: 12px;}
}
@media screen and (max-width: 640px) {
.vinfo{padding-top:70px}
.intro{min-height:130px;}
.intro h2{margin-bottom: 20px !important}
}
@media screen and (max-width: 500px) {
.HB-Bar {
display: none !important;
}
.header {position:fixed !important;margin-top:0 !important;}
}
.header .menus ul.mob-menu li.multimenu a.product_text::after,.header .menus ul.mob-menu li.multimenu .menu_box.mobile ul.categories li.category_head > p::after{background-image: url('https://tool.animaker.com/assets/images/icons/front-white.png')}
</style>
<script>
$(document).ready(function() {
/*******Multimenu hover*******/
$(".menu_box.desktop").hide();
$(document).on('mouseenter',".main-menu .multimenu",function(e) {
$(".menu_box.desktop").show();
});
$(document).on('mouseleave',".main-menu .multimenu",function(e) {
$(".menu_box.desktop").hide();
});
$(document).on('click','.logo_redirect',function(e){
var url ="https://tool.animaker.com/login/logo_redirect";
$.ajax({
type: "POST",
url: url,
success: function(result){
result = JSON.parse(result);
console.log('result',result);
// console.log('result.success',result['success']);
if(result["success"] == true){
console.log("true in");
window.location.href = 'https://tool.animaker.com/dashboard';
}
else{
console.log("false out");
window.location.href = 'https://tool.animaker.com/';
}
}
});
});
$(document).on('click','.multimenu',function(e) {
var parentTarget,target;
parentTarget = $(e.target).parent().prop('class');
target = $(e.target).prop('class');
if(target == 'product_text') {
$(".cat_list.category1,.cat_list.category2,.cat_list.category3").removeClass('open');
$(".menu_box.mobile").toggleClass('open');
$(".mob-menu").removeClass('mob-menu-overflow');
} else if((parentTarget == 'categories product_list') || (parentTarget == 'category_head video')) {
$(".cat_list.category2,.cat_list.category3").removeClass('open');
$(".cat_list.category1").toggleClass('open');
$(".mob-menu").addClass('mob-menu-overflow');
} else if((parentTarget == 'categories other_list') || (parentTarget == 'category_head products')) {
$(".cat_list.category1,.cat_list.category3").removeClass('open');
$(".cat_list.category2").toggleClass('open');
$(".mob-menu").addClass('mob-menu-overflow');
} else if((parentTarget == 'categories blog_list') || (parentTarget == 'category_head article')) {
$(".cat_list.category1,.cat_list.category2").removeClass('open');
$(".cat_list.category3").toggleClass('open');
$(".mob-menu").addClass('mob-menu-overflow');
}
});
/****Flash enable bar*****/
isFlashEnabled();
function isFlashEnabled() {
var hasFlash = false;
try {
var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
if(fo) hasFlash = true;
} catch(e) {
if(navigator.mimeTypes ["application/x-shockwave-flash"] != undefined) hasFlash = true;
}
flashbar(hasFlash);
}
function flashbar(hasFlash) {
// alert(hasFlash);
if(hasFlash == true) {
$(".flash_enable_bar").html('');
} else if(hasFlash == false) {
$(".flash_enable_bar").html("<p class='expiry_days'>We noticed flash is disabled and it's preventing Animaker from running. Click here to enable your Flash<a href='https://get.adobe.com/flashplayer/' class='upgrade_button' target='_blank'>Enable Flash</a><span class='close_flashnotify'></span></p>").addClass('active').css('margin-top','70px');
}
}
$(document).on('click','.close_flashnotify',function() {
$(".flash_enable_bar").html('');
$(".flash_enable_bar").animate({'height':'0px'},200);
});
$(document).on('click','.accept_button',function() {
var url ="https://tool.animaker.com/userprofile/setcookiepolicy";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj')},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(result == true) {
$(".cookie_section").remove();
}
}
});
});
});
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
var url_params = new URLSearchParams(window.location.search);
var url_string = url_params.toString();
var url_ref = url_params.has('ref');
var ref_code = url_params.get('ref');
var share_source = url_params.get('source');
console.log('ref_code',ref_code);
console.log('url_ref',url_ref);
console.log('url_params',url_params);
console.log('url_string',url_string);
if(url_ref == true && getCookie("anim_affliate_code") == ''){
console.log("no cookie");
set_Cookie()
// var login_url = "https://tool.animaker.com/login/?"+url_string;
// var register_url = "https://tool.animaker.com/register/?"+url_string;
var login_url = "https://tool.animaker.com/login/?ref="+getCookie("anim_affliate_code")+"&source="+getCookie("ref_source");
var register_url = "https://tool.animaker.com/register/?ref="+getCookie("anim_affliate_code")+"&source="+getCookie("ref_source");
$(".tryanimbtn,.video_own").attr("href",register_url);
$(".edit_temp a").attr("href",register_url);
$(".login_class").attr("href",login_url);
}
else if(checkCookie()){
console.log("else icookie in");
var login_url = "https://tool.animaker.com/login/?ref="+getCookie("anim_affliate_code")+"&source="+getCookie("ref_source");
var register_url = "https://tool.animaker.com/register/?ref="+getCookie("anim_affliate_code")+"&source="+getCookie("ref_source");
$(".tryanimbtn,.video_own").attr("href",register_url);
$(".edit_temp a").attr("href",register_url);
$(".login_class").attr("href",login_url);
}
else{
console.log("out");
var login_url = "https://tool.animaker.com/login";
var register_url = "https://tool.animaker.com/register";
$(".tryanimbtn").attr("href",register_url);
$(".edit_temp a").attr("href",register_url);
$(".login_class").attr("href",login_url);
}
function checkCookie() {
console.log("cookie check");
var user = getCookie("anim_affliate_code");
var source = getCookie("ref_source");
if (user == "" && source == "") {
return false;
}
else{
return true;
}
}
function set_Cookie() {
setCookie("anim_affliate_code", ref_code, 60);
setCookie("ref_source", share_source, 60);
}
function getCookie(cname) {
var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';');
for(var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
function setCookie(cname, cvalue, exdays) {
console.log("cookie set");
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
</script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.validator.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.validation.functions.js"></script>
<script type="text/javascript" src="https://tool.animaker.com/assets/js/jquery.tagsinput.js"></script>
<style>
.create-video-btn-img-pt{background-image:url('https://speed.animaker.com/assets/images/pt/create-a-video-btn.png')}
.create-video-btn-img-de{background-image:url('https://speed.animaker.com/assets/images/de/create-a-video-btn.png')}
.create-video-btn-img-fr{background-image:url('https://speed.animaker.com/assets/images/fr/create-a-video-btn.png')}
.create-video-btn-img-kr{background-image:url('https://speed.animaker.com/assets/images/kr/create-a-video-btn.png')}
.create-video-btn-img-ru{background-image:url('https://speed.animaker.com/assets/images/ru/create-a-video-btn.png')}
.create-video-btn-img-it{background-image:url('https://speed.animaker.com/assets/images/it/create-a-video-btn.png')}
.create-video-btn-img-jp{background-image:url('https://speed.animaker.com/assets/images/jp/create-a-video-btn.png')}
.dashboard-video-settings-icon-bg {
background-image: url("https://speed.animaker.com/assets/images/dash-pro-sprite.png");
background-position: -400px -21px;
background-repeat: no-repeat;
height: 26px;
padding-bottom: 7px;
width: 26px;
}
.intercom-lightweight-app-launcher .intercom-launcher,.intercom-lightweight-app-launcher{display:none !important;}
.vertical-bg{width: 25%; height: 100%; float: left;}
.vertical-img-holder{width: 50%; height: 100%; float: left;}
@media (max-width: 480px) and (min-width: 320px){
.pt30 {padding-top: 2.5em;}
#create-a-video-header-span {font-size: 15px;}
.dashboardpage-total-animos {font-size: 15px;padding:0 2%;}
}
</style>
<section>
<div class="container-fluid pt30 dashboard-header-pattern">
<div id="dashboard-header-div-img" class="wrapper img-responsive pt30">
<div class="col-md-12 pt30">
<center>
<span id="create-a-video-header-span">Welcome to Animaker, Create a Video</span>
</center>
</div>
<div class="col-md-12 mt15">
<center>
<span class="create-video-btn-arrows-img img-responsive"><a href="https://tool.animaker.com/templates" style="height: 105px; width: 356px;"><span class="create-video-btn-img-en create-video-btn-img"></span></a></span>
</center>
</div>
</div>
</div>
</section>
<section>
<div class="container custom_width mt15">
<div class="row mt30">
<div class="mb30">
<span class="dashboardpage-total-animos">Great! You have 11 'Animos' on board</span>
<div style="float: right; position: relative;" id="search-box">
<input type="text" id="search_key" name="search_key" value="" placeholder="search project by name">
<span id="search_project"></span>
<div id="search-box-err"></div>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/fIoUcDZs29W1" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/fIoUcDZs29W1">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/fIoUcDZs29W1">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://projectthumbnail.s3.amazonaws.com/fIoUcDZs29W1.jpg" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('fIoUcDZs29W1');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#copy-popup-free-user" class="lnkVersion" onclick="getVersionCopyDetails('fIoUcDZs29W1',1);" style="text-decoration:none;cursor: pointer;">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 00:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/fIoUcDZs29W1" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','fIoUcDZs29W1', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('fIoUcDZs29W1');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/fIoUcDZs29W1" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/WP96r1T1YL2q" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/WP96r1T1YL2q">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/WP96r1T1YL2q">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://tool.animaker.com/assets/images/project-default-thumbnail.JPG" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('WP96r1T1YL2q');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#copy-popup-free-user" class="lnkVersion" onclick="getVersionCopyDetails('WP96r1T1YL2q',1);" style="text-decoration:none;cursor: pointer;">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 00:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/WP96r1T1YL2q" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','WP96r1T1YL2q', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('WP96r1T1YL2q');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/WP96r1T1YL2q" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/2Ni78tYRFnwK" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/2Ni78tYRFnwK">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/2Ni78tYRFnwK">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://tool.animaker.com/assets/images/project-default-thumbnail.JPG" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('2Ni78tYRFnwK');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#save-popup" class="lnkVersion">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 0:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/2Ni78tYRFnwK" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','2Ni78tYRFnwK', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('2Ni78tYRFnwK');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/2Ni78tYRFnwK" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/IC2TTr2rUaYo" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/IC2TTr2rUaYo">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/IC2TTr2rUaYo">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://tool.animaker.com/assets/images/project-default-thumbnail.JPG" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('IC2TTr2rUaYo');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#save-popup" class="lnkVersion">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 0:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/IC2TTr2rUaYo" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','IC2TTr2rUaYo', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('IC2TTr2rUaYo');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/IC2TTr2rUaYo" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/KD1EV5Cg4SnJ" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/KD1EV5Cg4SnJ">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/KD1EV5Cg4SnJ">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://projectthumbnail.s3.amazonaws.com/KD1EV5Cg4SnJ.jpg" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('KD1EV5Cg4SnJ');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#copy-popup-free-user" class="lnkVersion" onclick="getVersionCopyDetails('KD1EV5Cg4SnJ',1);" style="text-decoration:none;cursor: pointer;">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 00:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/KD1EV5Cg4SnJ" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','KD1EV5Cg4SnJ', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('KD1EV5Cg4SnJ');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/KD1EV5Cg4SnJ" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6 dashboard-project-box">
<a class="dashboardpage-animos-title mb15" href="https://tool.animaker.com/animo/KFbSxmtTqW9Y" target="_blank">
untitled project </a>
<div class="aspect-holder">
<div class="aspect-16-9"></div>
<div class="element">
<div class="dashboard-img-overlay-outer" style="width:100%;height:100%;">
<div class="dashboard-img-overlay">
<div class="dashboard-overlay-icons">
<a target="_blank" href="https://tool.animaker.com/dashboard/editProject/KFbSxmtTqW9Y">
<span class="edit-icon-bg">
<span class="edit-thumb">
</span>
<p> Edit</p>
</span>
</a>
<a target="_blank" href="https://tool.animaker.com/animo/KFbSxmtTqW9Y">
<span class="play-icon-bg">
<span class="play-thumb">
</span>
<p> Play</p>
</span>
</a>
</div>
</div>
<img src="https://projectthumbnail.s3.amazonaws.com/KFbSxmtTqW9Y.jpg" width="100%" height="100%" alt="Project_Thumbnail">
<div class="dropdown">
<button class="dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<div class="dropdown-menu">
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#setting-popup" onclick="settingsdetails('KFbSxmtTqW9Y');" class="lnkVersion">
<span class="dashboard-video-settings-icon-bg" style="float:left">
<span style="padding-left: 5px">Settings</span>
</span>
</a>
</div>
<div class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#copy-popup-free-user" class="lnkVersion" onclick="getVersionCopyDetails('KFbSxmtTqW9Y',1);" style="text-decoration:none;cursor: pointer;">
<span class="dashboard-video-version-icon-bg">Copy</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="dashboard-video-icon-div ">
</div>
<div class="dashboard-video-icon-div-bg">
<ul>
<li class="dashboard-video-duraion-icon-bg">
<p> 00:10 Sec</p>
</li>
<li class="dashboard-video-duraion-icon-bg dashboard-video-sprites-div-duration">
<a target="_blank" data-toggle="modal" href="https://tool.animaker.com/dashboard/editProject/KFbSxmtTqW9Y" style="text-decoration:none;cursor: pointer;">
<p> Edit</p>
</a>
</li>
<li class="dashboard-video-sprites-div"> <a class="setting_popup" data-toggle="modal" data-target="#export-popup" onclick="exportpopup('5183868', '1','KFbSxmtTqW9Y', 1, 5 );" style="text-decoration:none;cursor: pointer;">
<p> Export</p>
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a data-toggle="modal" data-target="#delete-popup" onclick="delete_project_popup('KFbSxmtTqW9Y');">
<!-- <span class="dashboard-video-delete-icon-bg"></span> -->
</a>
</li>
<li class="dashboard-video-sprites-div2">
<a target="_blank" href="https://tool.animaker.com/present/KFbSxmtTqW9Y" data-toggle="tooltip" title="View in Presentation mode">
<!-- <span class="dashboard-video-present-icon-bg" style="color: white;font-size: 16px;font-family: raleway-regular"></span> -->
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Pagination -->
<div><p class="dashboard-pagination-paragraph"><span class="dashboardpage-pagination-btn-current">1</span><span><a class="dashboardpage-pagination-btn" href="https://tool.animaker.com/dashboard/projects/6">2</a></span><span><a class="dashboardpage-pagination-btn" href="https://tool.animaker.com/dashboard/projects/6">></a></span></p></div>
</div>
</section>
<!-- Project Details Ends -->
<!-- Reviewed by Arun -->
<!-- Export Popup Starts -->
<div class="modal fade" id="export-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video c-modal" style="margin-top:0em;">
<div class="modal-content" style="top: 127px;">
<div class="modal-header" style="border:none;">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
</div>
<div class="modal-body">
<div id="tabs" class="userprofile-tab c-mod" style="background:none;margin:0;">
<nav style="text-align:center;">
<ul id="myTab">
<li id="exportvideotab" class="active">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#exportvideo">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="export"></span></td>
<td><span class="tab-text">Export Video</span></td>
</tr>
</tbody></table>
</a>
</li>
<li id="manageexporttab">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#manageexport">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="manage"></span></td>
<td><span class="tab-text">Manage Exports</span></td>
</tr>
</tbody></table>
</a>
</li>
<li id="publishtab">
<a data-toggle="tab" href="https://tool.animaker.com/dashboard#publish">
<table id="tab-head">
<tbody><tr>
<td><span class="export-sprite" id="publis"></span></td>
<td><span class="tab-text">Publishing Channels</span></td>
</tr>
</tbody></table>
</a>
</li>
</ul>
</nav>
</div>
<div class="custom_width" id="userdetail" style="padding: 0 10px;">
<div class="row" style="margin-left: 0;">
<div class="tab-content">
<div class="tab-pane fade active in " id="exportvideo">
<input type="hidden" value="1" id="popup_plan">
<!-- unsaved project -->
<div id="issaved"></div>
<!-- unsaved project -->
<div id="savedproject" style="display:none;">
<p class="pt15 pb15" id="exportlimit" style="font-family: roboto-regular; margin-top: 20px; font-size: 16px; color: rgb(249, 92, 92); padding-bottom: 0px;"></p>
<p class="enterprise-txt pt15 pb15"> You can push your videos to YouTube or Facebook using the Free plan. The video will be rendered and delivered shortly. 95% of the videos get delivered within 30 minutes </p>
<div class="vid-host">
<table>
<tbody><tr>
<td id="rad"><input type="radio" name="videoexport" value="youtube" id="youtube" class="radio"></td>
<td class="modal-title">Youtube</td>
<td id="rad"><input type="radio" name="videoexport" value="download" id="download" class="radio"></td>
<td class="modal-title">Download as File</td>
</tr>
</tbody></table>
</div>
<form id="youtube_form" name="youtube_form" method="post" action="https://tool.animaker.com/services/exportyoutube">
<input type="hidden" name="animcsrftokenssj" value="c5ab179c7affdcc84a45d345656010e0">
<div class="channelExist" style="color: red; display: block; line-height: 1em;font-size: 16px">
<p>It seems that you don't have any YouTube channel on your account. Please visit the below link to create one and try again</p>
<div style="padding-bottom:2%"><a href="https://www.youtube.com/create_channel" target="_blank" style="color:rgb(34, 139, 34);font-weight:bold;">https://www.youtube.com/create_channel</a></div>
</div>
<div id="youtube_channels" style="display:none;">
</div>
<div class="mt30" id="add-channel" style="display:none;"><a class="add-channel" href="">Add Channel</a></div>
<div id="video-quality1" style="padding-top:30px;font-size: 18px;padding-bottom: 15px;">Quality</div>
<div id="video-quality1" class="vid-quality col-md-6">
<table class="mb30">
<tbody><tr style="height: 40px;">
<td id="rad">
<input checked="" type="radio" name="ytubequality" value="854 x 480" id="sd" class="radio">
</td>
<td id="quality" style="font-family:roboto-regular;color:#000;">SD</td>
<td><h5 id="free"> </h5> </td>
</tr>
<tr style="height: 40px;">
<td id="rad">
<input disabled="" type="radio" name="ytubequality" value="1280 x 720" id="hhd" class="radio">
</td>
<td id="quality" style="font-family:roboto-regular;">HD</td>
<td>
<a href="https://tool.animaker.com/pricing" style="background-color: #55C3A6; padding: 8px 30px;font-size: 16px;font-family:roboto-regular; color: white;border: 0; border-radius: 3px; margin: 0px;">UPGRADE</a>
</td>
</tr>
<tr style="height: 40px;">
<td id="rad">
<input disabled="" type="radio" name="ytubequality" value="1920 x 1080" id="fhd" class="radio">
</td>
<td id="quality" style="font-family:roboto-regular;">Full HD</td>
<td>
<a href="https://tool.animaker.com/pricing" style="background-color: #55C3A6; padding: 8px 30px;font-size: 16px;font-family:roboto-regular;border: 0; color: white; border-radius: 3px; margin: 0px;">UPGRADE</a>
</td>
</tr>
</tbody></table>
<div id="getvprofile1"> </div>
<div id="btn-next" class="col-md-3" style="display:none">
<input class="btn btn-primary full-width" id="youtube_next" type="button" value="Next">
</div>
</div>
<div id="youtube-details" class="col-md-12">
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Title</h4>
<input type="text" id="youtube_title" name="youtube_title" size="40" class="form-control full-width" onkeypress="white_space(this)">
<span id="yTitleError" class="ValidationErrors"></span>
</div>
<div class="form-group up-mb">
<h4>Description</h4>
<textarea id="youtube_description" name="youtube_description" size="500" class="form-control full-width" onkeypress="white_space(this)"></textarea>
<span id="yDesError" class="ValidationErrors"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Video Category</h4>
<select class="form-control full-width" name="youtube_category" id="youtube_category">
<option value="0" selected="selected">Select a category</option>
<option value="23">Comedy</option>
<option value="27">Education</option>
<option value="24">Entertainment</option>
<option value="1">Film & Animation</option>
<option value="20">Gaming</option>
<option value="26">How to & Style</option>
<option value="10">Music</option>
<option value="25">News & Politics</option>
<option value="29">Nonprofits & Activism</option>
<option value="22" selected="">People Blogs</option>
<option value="15">Pets & Animals</option>
<option value="28">Science & Technology</option>
<option value="17">Sports</option>
<option value="19">Travel & Events</option>
</select>
<span id="yCatError" class="ValidationErrors"></span>
</div>
<div class="form-group up-mb">
<h4>Privacy</h4>
<select class="form-control full-width" name="youtubeprivacy" id="youtubeprivacy">
<option value="public" selected="">Public</option>
<option value="private">Private</option>
<option value="unlisted">Unlisted</option>
</select>
</div>
</div>
<div class="col-md-12" style="clear:both">
<div class="form-group up-mb">
<h4>Tags</h4>
<input id="tags_1" name="tags_1" type="text" class="tags form-control full-width" style="display: none;"><div id="tags_1_tagsinput" class="tagsinput" style="width: auto; height: 100%;"><div id="tags_1_addTag"><input id="tags_1_tag" value="" data-default="" style="width: 250px; color: rgb(102, 102, 102);"></div><div class="tags_clear"></div></div>
<span class="tagerror"></span>
</div>
</div>
<div style="clear:both">
<div id="upgrade" class="col-md-3">
<input class="btn btn-primary full-width" id="export" type="submit" value=" Export">
</div>
<div id="upgrade" class="col-md-3">
<input type="button" class="btn btn-primary full-width" value="Cancel" data-dismiss="modal">
</div>
</div>
</div>
</form>
<div id="download-file">
<div class="center-all">
<p class="upgrade_text" style="line-height: 1.5;font-family: Roboto-regular;font-size: 17px;margin: 5% 0px;">The Download option for videos is available in all our paid plans. Upgrade now to download your videos.</p>
<a class="export_upbtn" style="background-color: #55C3A6;padding: 8px 30px;font-size: 16px;font-family: roboto-regular;border: 0;color: white;border-radius: 3px;margin: 0px;" href="https://tool.animaker.com/pricing">Upgrade</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade in " id="manageexport">
<p class="enterprise-txt pt15 pb15" style="text-align: center; font-size: 18px; color: rgb(102, 176, 36);">Once your export is completed you can download it here. Thanks!</p>
<table id="versionIfo" class="table table-striped" style="display: block;width: 100%;">
<thead style="display: inline-block; width: 100%;">
<tr>
<td style="width: 110px;">Video Name</td>
<td style="width: 190px;">Quality</td>
<td style="width: 200px;">Date</td>
<td style="width: 160px;">Status</td>
<td style="width: 130px;">File</td>
</tr>
</thead>
<tbody id="exportstatus" style="display: inline-block;height: 250px ! important; width: 100%; overflow: auto;">
</tbody>
</table>
</div>
<div class="tab-pane fade in " id="publish">
<div class="col-md-12 mt15 mb15" style="padding-top:20px;font-size: 16px;">
<div class="channelExist" style="color:red">
It seems that you don't have any YouTube channel on your account. Please visit the below link to create one and try again <div style="padding-bottom:2%"><a href="https://www.youtube.com/create_channel" target="_blank" style="color:rgb(34, 139, 34);font-weight:bold;">https://www.youtube.com/create_channel</a></div>
</div>
<input type="button" value="Add Youtube Channel" class="btn btn-primary" onclick="login('5183868', '5')">
<div class="publish col-md-12" id="chlist" style="clear:both;height: 175px;overflow-x: hidden;overflow-y: auto;">
<table>
<tbody id="allchannellist">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Export Popup Ends -->
<!-- Setting Popup Starts -->
<div class="modal fade" id="setting-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Settings</h4>
</div>
<div class="modal-body">
<div style="color: green;font-weight: bold;"></div>
<div style="color: green;font-weight: bold;"></div>
<div class="col-md-12 row">
<form id="settings" name="" method="post" action="https://tool.animaker.com/dashboard/projectSettings">
<input type="hidden" name="animcsrftokenssj" value="c5ab179c7affdcc84a45d345656010e0">
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Title</h4>
<input type="hidden" id="projectid" value="" name="projectid">
<input type="text" id="title" name="title" value="" size="90" class="form-control full-width" autocomplete="off">
</div>
<div class="form-group up-mb">
<h4>Privacy</h4>
<select name="privacy" id="privacymode" class="form-control full-width">
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group up-mb">
<h4>Description</h4>
<textarea type="text" size="90" rows="1" id="settingdic" name="settingdic" class="form-control full-width"></textarea>
</div>
<div class="form-group up-mb">
<h4>Tags (use comma to separate your words)</h4>
<input type="text" id="tags" size="90" value="" name="tags" class="form-control full-width">
</div>
</div>
<div class="form-group up-mb col-md-offset-6">
<div class="col-md-6" id="setting-popup-save-btn" style="padding-left: 0"><input type="submit" value="Save" class="btn btn-primary full-width"></div>
<div class="col-md-6 nopadding"><input type="button" class="btn btn-primary full-width" value="Cancel" data-dismiss="modal"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Setting Popup Ends -->
<!-- Version Popup Starts -->
<div class="modal fade" id="version-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Version History</h4>
</div>
<div class="modal-body">
<table id="versionIfo" class="table table-striped">
<thead>
<tr><td>Project Version</td><td>Date</td><td>Project Edit</td><td>Preview</td><td>Copy</td></tr>
</thead>
<tbody id="getVersionDetails">
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Version Popup Ends -->
<div class="modal fade" id="save-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Save Project</h4>
</div>
<div class="modal-body">
It seems that your project is unsaved. Please Save the Project then click copy.
</div>
<div class="modal-footer"><button data-dismiss="modal" class="btn btn-default" type="button" style="font-size: 20px;">Close</button></div>
</div>
</div>
</div>
<div class="modal fade" id="copy-popup-free-user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Copy Project</h4>
</div>
<div class="modal-body">
<div style="font-weight:bold;">Do you want to copy this Project?</div><br> Hit "Submit" to create a new project using the existing one. </div>
<div class="modal-footer" id="copyInfo">
</div>
</div>
</div>
</div>
<div class="modal fade" id="delete-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Confirmation</h4>
</div>
<div class="modal-body">
<p style="font-size: 20px;">Do you really want to delete your project?</p>
</div>
<form id="delete-popup-form" method="post" action="https://tool.animaker.com/dashboard/deleteProject">
<input type="hidden" name="animcsrftokenssj" value="c5ab179c7affdcc84a45d345656010e0">
<div class="modal-footer">
<input type="hidden" name="delProjectId" id="delProjectId" value="">
<input type="submit" value="Yes" id="dashboard-popup-delete-btn" onclick="" class="btn btn-primary">
<button data-dismiss="modal" class="btn btn-default" type="button" style="font-size: 20px;">No</button>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="updatelang-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-vertical-centered template-video">
<div class="modal-content" style="top: 127px;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Update</h4>
</div>
<div class="modal-body">
<p id="notify_lang"></p>
</div>
<div class="modal-footer">
<a href="https://tool.animaker.com/dashboard/updateuserlang" class="btn btn-primary">Update</a>
<button data-dismiss="modal" class="btn btn-default" type="button" style="font-size: 20px;">Close</button>
</div>
</div>
</div>
</div>
<div id="backgroundPopup"></div>
<script>
$(document).ready(function(){
var notifylang = "";
if(notifylang != ""){
$("#updatelang-popup").modal("show");
}
$('#updatelang-popup').on('hidden.bs.modal', function () {
var url ="https://tool.animaker.com/dashboard/updateuserlang";
var userlang = "en";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),userlang:userlang},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
}
});
});
$('#search_key').keyup(function (e){
if(e.which == 13 && $("#search_key").val().length<=100){
url="https://tool.animaker.com/dashboard/search/"+encodeURI($("#search_key").val());
window.location.href=url;
}else{
var k = String.fromCharCode(e.which);
var searchval = $(this).val();
if (k.match(/[^a-zA-Z0-9 ]/g) && k!= 13){
e.preventDefault();
search_value=searchval.replace(/[^a-zA-Z0-9 ]/g,'');
$("#search_key").val(search_value);
}
if($("#search_key").val().length>100){
$("#search-box-err").text("Exceeds 100 Characters");
}else{
$("#search-box-err").text("");
}
}
});
$("#search_project").on("click",function(){
if($("#search_key").val().length<=100){
url="https://tool.animaker.com/dashboard/search/"+encodeURI($("#search_key").val());
window.location.href=url;
}else{
if($("#search_key").val().length>100){
$("#search-box-err").text("Exceeds 100 Characters");
}else{
$("#search-box-err").text("");
}
}
});
});
</script>
<script>
$(document).ready(function(){
$('input[type="submit"]').removeAttr('disabled');
$("#youtube_form").on("submit", function(e) {
var tagval = $('#tags_1').val();
var taglen = $('#tags_1').val().length;
e.preventDefault();
var error = 0;
if($("#youtube_title").val() == '')
{
$( "#yTitleError" ).html( 'Please enter the video name');
$("#youtube_title").addClass('ErrorField');
error = 1;
}
if($("#youtube_title").val().length > 60)
{
$( "#yTitleError" ).html( 'Length should not exceed 60 characters.');
$("#youtube_title").addClass('ErrorField');
error = 1;
}
if($("#youtube_category").val() == 0)
{
$( "#yCatError" ).html( 'Please select a category');
$("#youtube_category").addClass('ErrorField');
error = 1;
}
if($("#youtube_description").val() == '')
{
$( "#yDesError" ).html('Please enter description');
$("#youtube_description").addClass('ErrorField');
error = 1;
}
if($("#youtube_description").val().length > 750)
{
$( "#yDesError" ).html('Length should not exceed 750 characters');
$("#youtube_description").addClass('ErrorField');
error = 1;
}
if(tagval == "")
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Please enter a tag');
error = 1;
}
else if(taglen > 500)
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Tags are too long');
error = 1;
}
else
{
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
$('.tagerror').text('');
}
if($("#tags_1_tag").hasClass("not_valid")){
e.preventDefault();
}
if(error == 1)
{
$('input[type="submit"]').removeAttr('disabled');
}
else if($("#youtube_title").hasClass("ErrorField") || $("#youtube_category").hasClass("ErrorField") || ($("#youtube_description").hasClass("ErrorField")))
{
$('input[type="submit"]').removeAttr('disabled');
}
else
{
e.preventDefault();
$('input[type="submit"]').attr('disabled','disabled');
var projid= $("input[name=projectId]").val();
var youtube_title = $("#youtube_title").val();
var channellist = $("#channellist").val();
var youtube_category = $("#youtube_category").val();
var youtubeprivacy = $("#youtubeprivacy").val();
var youtube_description = $("#youtube_description").val();
var tags_1 = $("#tags_1").val();
var quality = $("input[name=ytubequality]:checked").val();
var flag = $("input[name=flag]").val();
var url ="https://tool.animaker.com/services/exportyoutube";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectId:projid,youtube_title:youtube_title,channellist:channellist,youtube_category:youtube_category,youtubeprivacy:youtubeprivacy,youtube_description:youtube_description,tags_1:tags_1,quality:quality,flag:flag},
success: function(message){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(message == "success")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "failed")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">Unable to export the project</span></div>');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "explimit")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">You have reached your export limit</span></div>');
$('#savedproject').delay("fast").css({'display':'none'});
}
else
{
$('#savedproject').delay("fast").css({'display':'none'});
$('#issaved').delay("fast").html(message);
}
url ="https://tool.animaker.com/dashboard/getExportStatus";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#exportstatus").html(result);
}
});
$("#youtube_title").val('');
$("#youtube_description").val('');
$("#tags_1").val('');
$('input[type="submit"]').removeAttr('disabled');
$("#myTab li:eq(1) a").tab('show');
}
});
}
});
$("#download_form").on("submit", function(e) {
e.preventDefault();
var error = 0;
if($("#FileName").val() == '')
{
$( "#downloadError" ).html('Please enter the video name');
$("#FileName").addClass('ErrorField');
error = 1;
}
else if($("#FileName").val().length > 60)
{
$( "#downloadError" ).html('Please enter video name');
$( "#FileName" ).after( '<span class="ValidationErrors">Length should not exceed 60 characters.</span>');
$("#FileName").addClass('ErrorField');
error = 1;
}
if(error == 1)
{
$('input[type="submit"]').removeAttr('disabled');
}
else if($("#FileName").hasClass("ErrorField"))
{
$('input[type="submit"]').removeAttr('disabled');
}
else
{
e.preventDefault();
$('input[type="submit"]').attr('disabled','disabled');
var projid= $("input[name=projectId]").val();
var filename = $("input[name=FileName]").val();
var quality = $("input[name=downloadquality]:checked").val();
var flag = $("input[name=flag]").val();
var url ="https://tool.animaker.com/services/sqsSendmsgWeb";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),projectId:projid,FileName:filename,quality:quality,flag:flag},
success: function(message){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(message == "success")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "failed")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">Unable to export the project</span></div>');
$('#savedproject').delay("fast").css({'display':'block'});
}
else if(message == "explimit")
{
$('#issaved').html('<div id="share_content"><span style="float: left; margin-top: 4%; font-family: roboto-regular; width: 96%;">You have reached your export limit</span></div>');
$('#savedproject').delay("fast").css({'display':'none'});
}
else
{
$('#savedproject').delay("fast").css({'display':'none'});
$('#issaved').delay("fast").html(message);
}
url ="https://tool.animaker.com/dashboard/getExportStatus";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#exportstatus").html(result);
}
});
$("input[name=FileName]").val('');
$('input[type="submit"]').removeAttr('disabled');
$("#myTab li:eq(1) a").tab('show');
}
});
}
});
$(function(){
$("#FileName").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the video name"
});
$("#FileName").validate({
expression: "if (VAL.length<=60) return true; else return false;",
message: "Your title is too long."
});
$( "#FileName" ).on( "keypress", function( event ) {
$(".ValidationErrors").remove();
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#FileName" ).after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#FileName').val().length == 0 && event.which=='32'){
$( "#FileName" ).val('');
event.preventDefault();
$( "#FileName" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#FileName").addClass('ErrorField');
}
});
/* Export - Youtube */
$("#youtube_title").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the title"
});
$("#youtube_title").validate({
expression: "if (VAL.length<=60) return true; else return false;",
message: "Your title is too long."
});
$( "#youtube_title" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#youtube_title" ).after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#youtube_title').val().length == 0 && event.which=='32'){
$( "#youtube_title" ).val('');
event.preventDefault();
$( "#youtube_title" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#youtube_title").addClass('ErrorField');
}
});
$("#youtube_category").validate({
expression: "if (VAL != '0') return true; else return false;",
message: "Please select a category"
});
$("#youtube_description").validate({
expression: "if (VAL.length!=0) return true; else return false;",
message: "Please enter description"
});
$("#youtube_description").validate({
expression: "if (VAL.length<2001) return true; else return false;",
message: ""
});
$( "#youtube_description" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#youtube_description" ).after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#youtube_description').val().length == 0 && event.which=='32'){
$( "#youtube_description" ).val('');
event.preventDefault();
$( "#youtube_description" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#youtube_description").addClass('ErrorField');
}
});
$("#tags_1").validate({
expression: "if (VAL) return true; else return false;",
});
$("#tags_1").validate({
expression: "if (VAL.length<501) return true; else return false;",
});
$("#tags_1_tagsinput").on( "keypress", function( event ) {
$(".ValidationErrors").remove();
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$('#tags_1_tagsinput').css("border-color","red"); ;
$('.tagerror').text('Brackets aren't allowed in your tag');
$("#tags_1_tagsinput").addClass('ErrorField');
}
});
$("#tags_1_tag").focus(function() {
$('#tags_1_tagsinput').css({"border-color": "#66afe9", "outline": "0", "-webkit-box-shadow": "inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)", "box-shadow": "inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)"});
$('.tagerror').text('');
});
$("#tags_1_tag").blur(function() {
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
var tagval = $('#tags_1').val();
var taglen = $('#tags_1').val().length;
if($(".tag").text()== ""){
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Please enter a tag');
}
else if(taglen > 500)
{
$('#tags_1_tagsinput').css({"border-color":"red", "box-shadow": "none"});
$('.tagerror').text('Tags are too long');
}
else
{
$('#tags_1_tagsinput').css({"border-color": "#e4e4e4", "box-shadow": "none"});
$('.tagerror').text('');
}
});
/* Settings */
$("#title").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the title"
});
$("#title").validate({
expression: "if (VAL.length<=60) return true; else return false;",
message: "Your title is too long."
});
$( "#title" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#title").after( '<span class="ValidationErrors">Brackets aren't allowed in your title.</span>');
}
if($('#title').val().length == 0 && event.which=='32'){
$( "#title" ).val('');
event.preventDefault();
$( "#title" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#title").addClass('ErrorField');
}
});
$("#settingdic").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the value"
});
$("#settingdic").validate({
expression: "if (VAL.length<2001) return true; else return false;",
message: ""
});
$( "#settingdic" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62'){
event.preventDefault();
$( "#settingdic" ).after( '<span class="ValidationErrors">Brackets aren't allowed.</span>');
}
if($('#settingdic').val().length == 0 && event.which=='32'){
$( "#settingdic" ).val('');
event.preventDefault();
$( "#settingdic" ).after( '<span class="ValidationErrors">Space not allowed at first.</span>');
$("#settingdic").addClass('ErrorField');
}
});
$("#tags").validate({
expression: "if (VAL) return true; else return false;",
message: "Please enter the value"
});
$("#tags").validate({
expression: "if (VAL>50) return false; else return true;",
message: "Tags are too long"
});
$( "#tags" ).on( "keypress", function( event ) {
if(event.which=='60'||event.which=='62' ){
event.preventDefault();
$( "#tags").after('<span class="ValidationErrors">Brackets aren't allowed.</span>');
}
});
});
$('form[name=inviteForm]').submit(function(e) {
e.preventDefault();
var emailRegex = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
var count = $('#invitecount').text();
if(count == 0)
{
count = 10;
}
var errEmail = $('#txtEmail').val();
$('#errorInvite').hide();
var error = 0;
if(errEmail.length == 0)
{
$('#errorInvite').html("<span>Enter mail id</span>");
$('#errorInvite').show();
error = 1;
}
else if(emailRegex.test(errEmail) == false)
{
$('#errorInvite').html('<span>Enter valid mail id</span>');
$('#errorInvite').show();
error = 1;
}
if(error != 1)
{
$('#invite-btn').val('Sending');
url ="https://tool.animaker.com/dashboard/invite";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),email:$('#txtEmail').val()},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
if(result == 101)
{
$('#errorInvite').html('<span>Already Invited</span>');
$('#errorInvite').show();
$('#invite-btn').val('Invite');
}
else if(result == 102)
{
$('#errorInvite').html("<span>Can't Invite this Id, User already exist.</span>");
$('#errorInvite').show();
$('#invite-btn').val('Invite');
}
else if(result == 100)
{
window.location.href = "https://tool.animaker.com/";
}
else
{
setTimeout(function() {
$('#invite-btn').val('Sent');
}, 1500)
$('#txtEmail').val('');
setTimeout(function() {
$('#invite-btn').val('Invite');
}, 3000)
$('#invitecount').text(count - 1);
if(count == 1)
{
$('#dvinvite').html('<div class="invite-success-div"> <label id="invite-success-label">Congrats!!! You can use "HAPPYFRIENDS5" coupon code to get 10% discount for all Premium plans.</label></div>');
}
}
}
});
}
});
$(window).bind("load", function() {
$("#create_video").animate({opacity:'1'});
$("#launchnow").animate({opacity:'1'});
});
$('.popupu').click(function (event) {
event.preventDefault();
window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});
$("input[name='videoexport']").click(function(){
var opt=$(this).val();
switch(opt){
case 'download':
$('#youtube_channels,#btn-next,#yotube_next,#youtube-details,#video-quality1,#page_next,.channelExist').hide();
$('#download-file,#video-quality,#upgrade').show();
$('#savedproject').removeClass('ytubescroll');
break;
case 'youtube':
$('#download-file,#upgrade,#youtube-details,#page_next,.channelExist').hide();
$('#savedproject').removeClass('ytubescroll');
var chanval= $("#isChannelAdded").val();
if(chanval>0){
$('#youtube_channels,#video-quality1,#btn-next').show();
}else{
$('#youtube_channels').show();
}
break;
}
});
$("#publishtab,#exportvideotab").on("click",function(){
$('.channelExist').hide();
})
$("input[name='publishradio']").click(function(){
var opt=$(this).val();
switch(opt){
case 'ytpublish':
$("#ytubelist").show();
break;
}
});
$("#youtube_next").click(function(){
$('#youtube_channels,#btn-next,#video-quality,#video-quality,#video-quality1,#page_next').hide();
$('#upgrade,#youtube-details').show();
$('#savedproject').addClass('ytubescroll');
});
$("#page_next").click(function(){
$('#youtube_channels,#btn-next,#video-quality,#video-quality,#video-quality1,#youtube-details,#page_next').hide();
$("#video-quality2").show();
});
$(".overlay-pro").hover(function(){
$(this).css("opacity","1");
},function(){
$(this).css("opacity","0");
});
});
function onAddTag(tag) {
alert("Added a tag: " + tag);
}
function onRemoveTag(tag) {
alert("Removed a tag: " + tag);
}
function onChangeTag(input,tag) {
alert("Changed a tag: " + tag);
}
$(function() {
$('#tags_1').tagsInput({width:'auto'});
});
function settingsdetails(projid){
url = "https://tool.animaker.com/dashboard/fetchProjectDetails";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var obj = $.parseJSON(result);
if(obj["project_name"] == '0') {
var pro_name = 'untitled project';
} else {
var pro_name = obj["project_name"];
}
$("#title").val(pro_name);
$('#privacymode').html(obj["privacy"]);
$("#tags").val(obj["tags"]);
$("#settingdic").val(obj["project_description"]);
$("#projectid").val(obj["project_id"]);
var projectid = obj["project_id"];
}
});
}
function getVersionDetails(projid,limit)
{
url ="https://tool.animaker.com/dashboard/getVersionDetails";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid,version:limit},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#getVersionDetails").html(result);
}
});
}
function getVersionCopyDetails(projid,limit)
{
url ="https://tool.animaker.com/dashboard/getVersionCopyDetails";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),pid:projid,version:limit},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
$("#copyInfo").html(result);
}
});
}
function youtubechannels(uid)
{
var url ="https://tool.animaker.com/dashboard/youtubechannels";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),uid:uid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var obj = $.parseJSON(result);
$("#allchannellist").html(obj['listdata']);
$("#youtube_channels").html(obj['ytdropdowndata']);
$("#current_channalcount").val(obj['ytchannelcount']);
$('#youtube').trigger('click');
if(obj['ytchannelcount'] == 0){
$("#video-quality1,#btn-next").hide();
}else{
$("#video-quality1,#btn-next").show();
}
}
});
}
function deleteyoutube(uid,channelid)
{
var msg = confirm("Are you sure. You want to remove this channel? ");
if(msg == true)
{
url ="https://tool.animaker.com/dashboard/delete_youtube";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),channelid:channelid},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
youtubechannels(uid);
}
});
}
}
/* Youtube Api */
var OAUTHURL = 'https://accounts.google.com/o/oauth2/auth?';
var VALIDURL = 'https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=';
var SCOPE = 'https://www.googleapis.com/auth/userinfo.email+https://www.googleapis.com/auth/userinfo.profile+https://www.googleapis.com/auth/youtube';
var CLIENTID = '503029046724-tn4b6jf2s2mr0ffrrd2np9agn3ku9u30.apps.googleusercontent.com';//
var REDIRECT = 'https://tool.animaker.com/dashboard/getChannel';
var CHANNELEXIST= 'https://tool.animaker.com/dashboard/channelNotExist';
var USERDENIED = 'https://tool.animaker.com/dashboard/userdenied';
var TYPE = 'code';
var _url = OAUTHURL + 'scope=' + SCOPE + '&client_id=' + CLIENTID + '&redirect_uri=' + REDIRECT + '&response_type=' + TYPE + '&access_type=offline&approval_prompt=force' ;
var acToken;
var tokenType;
var expiresIn;
var user;
/* Youtube Api */
function login(uid, channel_limit) {
$(".channelExist").hide();
channel_limit = parseInt(channel_limit);
var channel_count = parseInt($('#current_channalcount').val());
if(channel_count < channel_limit)
{
var win = window.open(_url, "Youtube", 'width=500, height=600');
var pollTimer = window.setInterval(function() {
try
{
if (win.document.URL.indexOf(REDIRECT) != -1)
{
if (win.closed)
{
window.clearInterval(pollTimer);
var popup_plan=$("#popup_plan").val();
youtubechannels(uid);
return;
}
win.close();
}
if(win.document.URL.indexOf(CHANNELEXIST) != -1){
if (win.closed)
{
window.clearInterval(pollTimer);
$(".channelExist").show();
return;
}
win.close();
}
if(win.document.URL.indexOf(USERDENIED) != -1){
if (win.closed)
{
window.clearInterval(pollTimer);
return;
}
win.close();
}
}
catch(e)
{
}
}, 10);
}
else{
alert('You have reached maximum limit');
}
}
function delete_project_popup(project_id)
{
$('#delProjectId').val(project_id);
}
function exportpopup(uid, uplan ,pid, youtube, exportlimit)
{
$('input[type="submit"]').removeAttr('disabled');
$("input[name=FileName],#youtube_title,#youtube_description,#tags_1").val('');
$("input[name=FileName],#youtube_title,#youtube_description").removeClass('ErrorField');
$(".channelExist").hide();
//$("#tags_1_tagsinput").html('<input id="tags_1_tag" data-default="" value="" style="width: 238px; color: rgb(102, 102, 102);">');
$("#tags_1_tagsinput").css({"border": "2px solid #e4e4e4","box-shadow": "none"});
$(".ValidationErrors,.tagerror").html('');
$('input[type="submit"]').removeAttr('disabled');
$('#myTab a').first().tab('show');
var url ="https://tool.animaker.com/dashboard/export";
$.ajax({
type: "POST",
url: url,
data: {'animcsrftokenssj':readCookie('animcsrfssj'),uid:uid,uplan:uplan,pid:pid,exp_limit:exportlimit},
success: function(result){
$('input[name=animcsrftokenssj]').val(readCookie('animcsrfssj'));
var obj = $.parseJSON(result);
if(obj['exportdetailsmsg']!=0)
{
$("#exportlimit").html(obj['exportdetailsmsg']);
}
else
{
$("#exportlimit").css('display','none');
}
$("#getversion").html(obj['versiondata']);
$("#getvprofile").html(obj['vprofiledata']);
$("#getvprofile1").html(obj['vprofiledata']);
$("#getvprofile2").html(obj['vprofiledata']);
//getURL
if(obj['geturlstatus'] == "saved")
{
$('#issaved').html('');
$('#savedproject').delay("fast").css({'display':'block'});
}
else
{
$('#savedproject').css({'display':'none'});
$('#issaved').delay("fast").html(obj['geturlstatus']);
}
//getyoutube
$("#youtube_channels").html(obj['ytdropdowndata']);
$("#allchannellist").html(obj['listdata']);
if(youtube == 0)
{
$('#download').trigger('click');
}
else
{
$('#youtube').trigger('click');
if(obj['ytchannelcount'] == 0)
{
$("#video-quality1,#btn-next").hide();
}
else
{
$("#video-quality1,#btn-next").show();
}
}
//getexportstatus
$("#exportstatus").html(obj['exportdata']);
//youtubelist
$("#youtube_channellist").html(obj['ytlist']);
}
});
}
function white_space(field)
{
field.value = field.value.replace(/^(\s*)/i, "").replace(/[ ]{2,}/gi, " ").replace(/\n +/, "\n");
return;
}
/* Intercom - Dont remove this from dev -- Arun */
window.intercomSettings = {
// TODO: The current logged in user's full name
name: "Jesse",
// TODO: The current loggeemaild in user's email address.
// TODO: The current plan in user's plan.
current_plan: "Free-",
// TODO: The current animo_count in user's animo count.
animo_count: 11,
// TODO: The current export count in user's export count.
export_count: 1,
// TODO: The current logged in user's sign-up date as a Unix timestamp.
created_at: 1584587327,
app_id: "uerosxcb",
user_hash: "28b6bd444970a5d330c857ec748133e947197675216a65d9cf21e96df8499843"
};
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/z02711rk';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
/* Intercom - Dont remove this from dev -- Arun */
</script>
<style media="screen">
.footer{width: 100%; background-color: rgba(0,0,0,.7);padding: 10px 0;position:absolute;bottom:0;}
.columns{border: 0px solid #f1f1f1;display: inline-block;}
.columns p{margin: 0;}
.columns.column-1{ padding: 0 15px 0 0px;}
.columns.column-1 p{line-height: 50px; font-weight: 600;color: #fff;
font-family: raleway-bold,sans-serif;font-weight:18px;}
.columns.column-1 p span{color: #ec7218;}
.columns.column-2{}
.columns.column-2 p{font-size: 14px;font-family: raleway-bold;color: #7e838a; line-height: 50px;}
.columns.column-2 p span{color: #50ad92;}
.columns.column-3{float: right;padding: 10px 0;}
.columns.column-3 ul{height: 30px;text-align: right;padding: 0;}
.columns.column-3 li{display: inline-block;padding: 0px 2px;}
.columns.column-4 ul.links li a:hover{color: #50ad92 !important;}
.columns.column-3 li a{height: 30px;width: 30px;background-color: #fff;display: block;border-radius: 5px; background-position: 2.9% 84%;background-size: 500%; background-repeat: no-repeat;background-image: url(https://speed.animaker.com/asset/images/footer-sprite.png); transition: 0.5s ease all;}
.columns.column-3 li .mini-icons#fb-icon{background-position: 2.9% 84%;}
.columns.column-3 li .mini-icons#twitter-icon{background-position: 24.9% 84%;}
.columns.column-3 li .mini-icons#gplus-icon{background-position: 47.9% 84%;}
.columns.column-3 li .mini-icons#linked-icon{background-position: 71.9% 84%;}
.columns.column-3 li .mini-icons#yt-icon{ background-position: 94.9% 84%;}
.columns.column-3 li .mini-icons#fb-icon:hover{background-position: 2.9% 10%; background-color: #525252;}
.columns.column-3 li .mini-icons#twitter-icon:hover{background-position: 24.9% 10%; background-color: #525252;}
.columns.column-3 li .mini-icons#gplus-icon:hover{background-position: 47.9% 10%; background-color: #525252;}
.columns.column-3 li .mini-icons#linked-icon:hover{background-position: 71.9% 10%; background-color: #525252;}
.columns.column-3 li .mini-icons#yt-icon:hover{ background-position: 94.9% 10%; background-color: #525252;}
.columns.column-4{float: right;width: auto;}
.columns.column-4 .logo-footer{display: block; width: 60px; position: absolute; top: -60px; transition: 0.2s ease all;right: 15px;}
.columns.column-4 .logo-footer .aspect-holder{margin: 0;}
.columns.column-4 .logo-footer .aspect-holder .element{ background-position: center; background-size: 95%; background-repeat: no-repeat; background-image: url(https://speed.animaker.com/asset/images/footer-animaker-logo.png); background-color: #fff; border-radius: 5px; overflow: visible;border: 1px solid #e2e6ed;}
.page .columns.column-4 .logo-footer .aspect-holder .element{ background-position: center; background-size: 95%; background-repeat: no-repeat; background-image: url(https://speed.animaker.com/asset/images/footer-animaker-logo.png) !important; background-color: #fff; border-radius: 5px; overflow: visible;border: 1px solid #e2e6ed;}
.columns.column-4 .logo-footer .aspect-holder .element span{position: absolute;width: 300px;bottom: -50px;height: 50px;line-height: 50px; right: 0;overflow: hidden; }
.columns.column-4 .logo-footer .aspect-holder .element span p{font-size: 15px; font-weight: 600;text-align: right;}
.columns.column-4 ul.links{text-align: left;padding: 0 0 0 15px;text-align: right;}
.columns.column-4 ul.links li{display: inline-block;margin-left: 15px;}
.columns.column-4 ul.links li a{font-size: 13px; color: #fff; font-weight: 500;line-height: 50px;text-decoration: none;
font-family: raleway-bold,sans-serif;}
.columns.column-4 ul.links li a:hover{color:blue;}
@media only screen and (max-width: 767px) {
.footer{position:unset;}
.columns.column-4 .logo-footer{top: -75px;}
.columns{padding: 0 !Important;}
.col-xs-12{margin-bottom:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center;}
.columns p,.columns a {line-height: inherit!important;}
.columns ul{text-align: center !important;}
.columns ul li{margin: 0 !Important;}
.columns.column-4 ul.links{padding: 0; margin: 10px 0;}
.columns.column-4 ul.links li{margin-left: 0; margin: 3px;}
.columns.column-4 ul.links:hover{color:blue;}
}
#intercom-container .intercom-app-launcher-enabled .intercom-messenger-frame {bottom: 145px !important;height: calc(100% - 95px - 60px) !important;display:none;}
</style>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="column-1 columns">
<p>Videos,<span class="footer-color1"> Done Right!</span></p>
</div><div class="column-2 columns">
<p>Copyright © 2020 <span>Animaker Inc.</span></p>
</div><div class="column-4 columns">
<ul class="links">
<li><a href="https://tutorial.animaker.com/">Tutorials</a></li>
<li><a href="https://www.animaker.com/blog">Blog</a></li>
</ul>
</div><div class="column-3 columns">
<ul class="social">
<li><a href="https://www.facebook.com/theanimaker" class="mini-icons" id="fb-icon"></a></li>
<li><a href="https://twitter.com/theanimaker" class="mini-icons" id="twitter-icon"></a></li>
<li><a href="https://www.linkedin.com/company/animaker" class="mini-icons" id="linked-icon"></a></li>
<li><a href="https://www.youtube.com/user/AniMakerVideos" class="mini-icons" id="yt-icon"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<tester id="tags_1_tag_autosize_tester" style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 13px; font-family: Roboto-light, sans-serif; font-weight: 400; letter-spacing: 0px; white-space: nowrap;"></tester><iframe id="intercom-frame" style="position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; top: 0 !important; left: 0 !important; border: none !important; display: block !important; z-index: -1 !important; pointer-events: none;" aria-hidden="true" tabindex="-1" title="Intercom"></iframe><div class="intercom-lightweight-app" aria-live="polite"><style id="intercom-lightweight-app-style" type="text/css">
@keyframes intercom-lightweight-app-launcher {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes intercom-lightweight-app-gradient {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes intercom-lightweight-app-messenger {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.intercom-lightweight-app {
position: fixed;
z-index: 2147483001;
width: 0;
height: 0;
font-family: intercom-font, "Helvetica Neue", "Apple Color Emoji", Helvetica, Arial, sans-serif;
}
.intercom-lightweight-app-gradient {
position: fixed;
z-index: 2147483002;
width: 500px;
height: 500px;
bottom: 0;
right: 0;
pointer-events: none;
background: radial-gradient(
ellipse at bottom right,
rgba(29, 39, 54, 0.16) 0%,
rgba(29, 39, 54, 0) 72%);
animation: intercom-lightweight-app-gradient 200ms ease-out;
}
.intercom-lightweight-app-launcher {
position: fixed;
z-index: 2147483003;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
border-radius: 50%;
background: #53537a;
cursor: pointer;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
animation: intercom-lightweight-app-launcher 250ms ease;
}
.intercom-lightweight-app-launcher:focus {
outline: none;
}
.intercom-lightweight-app-launcher-icon {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
transition: transform 100ms linear, opacity 80ms linear;
}
.intercom-lightweight-app-launcher-icon-open {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-open svg {
width: 28px;
height: 32px;
}
.intercom-lightweight-app-launcher-icon-open svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-launcher-icon-self-serve {
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-self-serve svg {
height: 56px;
}
.intercom-lightweight-app-launcher-icon-self-serve svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-launcher-custom-icon-open {
max-height: 36px;
max-width: 36px;
opacity: 1;
transform: rotate(0deg) scale(1);
}
.intercom-lightweight-app-launcher-icon-minimize {
opacity: 0;
transform: rotate(-60deg) scale(0);
}
.intercom-lightweight-app-launcher-icon-minimize svg {
width: 16px;
}
.intercom-lightweight-app-launcher-icon-minimize svg path {
fill: rgb(255, 255, 255);
}
.intercom-lightweight-app-messenger {
position: fixed;
z-index: 2147483003;
overflow: hidden;
background-color: white;
animation: intercom-lightweight-app-messenger 250ms ease-out;
width: 376px;
height: calc(100% - 120px);
max-height: 704px;
min-height: 250px;
right: 20px;
bottom: 100px;
box-shadow: 0 5px 40px rgba(0,0,0,0.16);
border-radius: 8px;
}
.intercom-lightweight-app-messenger-header {
height: 75px;
background: linear-gradient(
135deg,
rgb(83, 83, 122) 0%,
rgb(42, 42, 61) 100%
);
}
@media print {
.intercom-lightweight-app {
display: none;
}
}
</style><div class="intercom-lightweight-app-launcher intercom-launcher" role="button" tabindex="0" aria-label="Open Intercom Messenger"><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-open"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 32"><path d="M28 32s-4.714-1.855-8.527-3.34H3.437C1.54 28.66 0 27.026 0 25.013V3.644C0 1.633 1.54 0 3.437 0h21.125c1.898 0 3.437 1.632 3.437 3.645v18.404H28V32zm-4.139-11.982a.88.88 0 00-1.292-.105c-.03.026-3.015 2.681-8.57 2.681-5.486 0-8.517-2.636-8.571-2.684a.88.88 0 00-1.29.107 1.01 1.01 0 00-.219.708.992.992 0 00.318.664c.142.128 3.537 3.15 9.762 3.15 6.226 0 9.621-3.022 9.763-3.15a.992.992 0 00.317-.664 1.01 1.01 0 00-.218-.707z"></path></svg></div><div class="intercom-lightweight-app-launcher-icon intercom-lightweight-app-launcher-icon-minimize"><svg viewBox="0 0 16 14" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M.116 4.884l1.768-1.768L8 9.232l6.116-6.116 1.768 1.768L8 12.768.116 4.884z"></path></svg></div></div></div></body></html>