12. <li><span>2</span><a class="share-content">Share Your
SlideShare</a></li>
</ul>
</div>
<div class="form-inner">
<div class="form-inputs">
<label class='category_label' for="top_categories">Category <span
class="mandatory">*</span></label>
<div class="control-group j-top-category">
<select name="top_cat" id="category-input" class="top_categories">
<option value="0">Choose category</option>
</select>
</div>
<label for="descriptionTextarea">
Description <span class="mandatory">*</span>
</label>
<div class="control-group j-description">
<textarea name="description" id="descriptionTextarea"></textarea>
</div>
<em class="count-container"><span id="count">3000</span></em>
<label for="slideshow_tag_text_field">Tags</label>
<input type="text" name="tag_text" class="action-tags-text-input text"
id="slideshow_tag_text_field" title="Use commas to separate tags." value=""/>
<div id="private_type_{file_id}" class="privacy privacy-upsell">
<label>Status</label>
<input type="radio" id="public" name="private_type" value="public"
checked="checked"><label class="privacy-label" for="public">Public</label>
<input type="radio" id="me" name="private_type" value="me"
disabled="disabled"><label class="privacy-label private-label"
for="me">Private</label>
<a class="learn-more" href="/features?
cmp_src=benefits&cmp_src_from=upload_flow" target="_blank">Learn more<i
class="iconTemp-pop-out" title="Opens in a new tab"></i></a>
</div>
<p id="save_publish_button" class="miniPara save-button">
<input class="btn btn-inverse" id="bulkupload_individual_publish"
type="submit" name="publish" value="Save & Continue" disabled="disabled"/>
<span class ="j-save_publish_progress publish-progress"
style="display:none">Saving…</span>
<span class ="j-save_published publish-progress"
style="display:none">Changes Saved</span>
<span class ="j-required-field publish-progress"
style="display:none">Please fill required fields</span>
</p>
</div> <div class="virality-potential">
<p>Virality Score</p>
<div class="progress">
<div class="bar j-virality-bar" style="width:25%"></div>
</div>
<p class="info">
Adding more information (description, tags, category) makes it
easier for others to find your content. The score increases as you add each
item.
</p>
</div>
</div><!-- .form-inner -->
</div><!-- .fileListFormColA -->
</fieldset>
13. </form>
</div>
<!-- upload templates start -->
<div style="display:none">
<div id="filestatus_placeholder_template">
</div>
<div id="file_initialization_template">
<div class="uploadProgress uploadInitialization">
Your upload is almost ready! <img src='/images/indicator.gif' />
</div>
</div>
<div id="file_progress_template">
<div class="clearfix uploadProgress">
<h2 class="percent" id="percent">0%</h2>
<div class="uploadingState">
<p class="miniPara">You're almost there! <strong>Add details</strong>
below so others can discover your SlideShare.</p>
<div class="meterFlash progress progress-success" id="progress"><div
class="bar" style="width: 0%;"></div></div>
</div>
</div>
</div>
<div id="file_nonflash_progress_template">
<div class="clearfix uploadProgress">
<div class="progress">
<div class="uploadingState">
<p class="miniPara">You're almost there! <strong>Add details</strong>
below so others can discover your SlideShare.</p>
<div class="bar" id="progress"></div>
</div>
</div>
</div>
</div>
<div id="file_queued_template">
<div class="uploadProgress uploadQueue">
Processing your file. <strong> Add details</strong> to make your content
easier to find.
</div>
</div>
<div id="file_queue_prepare_status_template">
<div class="uploadProgress uploadQueuePrepare">
Processing your file. <strong> Add details</strong> to make your content
easier to find.
</div>
</div>
<div id="file_converting_status_template">
<div class="uploadProgress uploadConverting">
Processing your file. <strong> Add details</strong> to make your content
easier to find.
<div class="progress">
<div class="progress-bar" style="width: 100%;"></div>
</div>
</div>
</div>
<div id="file_conversion_finished_status_template">
14. <div class="uploadProgress uploadSuccessful">
<span class="success">
Processing your file. <strong> Add details</strong> to make your content
easier to find.
</span>
</div>
</div>
<div id="file_upload_error_template">
<div class="uploadProgress uploadFailed">
<span class="error">
Upload of <strong>{file_name_for_html}</strong> failed. {msg}
</span>
<div class="hide tooltip-template">
Some troubleshooting tips, if a file fails to upload:
<ul>
<li>This can just be a temporary glitch with our servers. Try again
after 5 minutes.</li>
<li>Check if file is password protected, encrypted or contains
macros.</li>
<li>If you were uploading a PPT, save as as PDF and re-upload (or vice
versa, i.e., PDF to PPT). That might help.</li>
<li>If the problem still persists (or you have other questions about
file conversion errors), please read our <a
href="http://slideshare.zendesk.com/forums/67176/entries">FAQs</
a>.</li>
</ul>
</div>
</div>
</div>
<div id="file_conversion_error_template">
<div class="uploadProgress uploadFailed">
<span>
<span class="error">Conversion of <strong>{file_name_for_html}</strong>
failed! </span> Some troubleshooting tips: <br/>
<ul style="margin: 0 0 0 2em">
<li>This is possibly a temporary error on our servers. Try again in 5
mins.</li>
<li>{msg} </li>
<li>If you are uploading a PPT, save as PDF and re-upload (or vice
versa, i.e., PDF to PPT).</li>
</ul>
<p class="footnote">
Is your problem still unresolved? Read our <a
href="http://slideshare.zendesk.com/entries/20466888-i-am-facing-problems-in-uploading-
upload-fails-converting-files-gives-oops-or-distortions-in-convert"
target="_blank">file conversion FAQs</a>.
</p>
</span>
</div>
</div>
<div id="file_upload_rejected_template">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed. {msg}</p>
</div>
</div>
</div>
<div id="file_validation_error_status_template">
<div class="uploadProgress uploadFailed">
<div class="error">
15. <p>Upload of <strong>{file_name_for_html}</strong> failed. {msg}</p>
</div>
</div>
</div>
<div id="file_generic_error_template">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed.</p> {msg} <a
class='tooltip-trigger' href="http://slideshare.zendesk.com/entries/20466888-i-am-
facing-problems-in-uploading-upload-fails-converting-files-gives-oops-or-distortions-
in-convert">Other possible causes</a>.
</div>
<div class="hide tooltip-template">
Some troubleshooting tips, if a file fails to upload:
<ul>
<li>This can just be a temporary glitch with our servers. Try again
after 5 minutes.</li>
<li>Check if file is password protected, encrypted or contains
macros.</li>
<li>If you were uploading a PPT, save as as PDF and re-upload (or vice
versa, i.e., PDF to PPT). That might help.</li>
<li>If the problem still persists (or you have other questions about
file conversion errors), please read our <a
href="http://slideshare.zendesk.com/forums/67176/entries">FAQs</
a>.</li>
</ul>
</div>
</div>
</div>
<div id="file_sending_request_template">
<div class="notice">Sending request…</div>
</div>
<div id="file_deleted_template">
<div class="success"><strong>{file_name_for_html}</strong> has been deleted
successfully!</div>
</div>
<div id="file_deletion_failed_template">
<div class="error">Deletion failed!</div>
</div>
<div id="no_server_response_template">
<div class="error">Server did not respond</div>
</div>
<div id="file_deleting_template">
<div class="uploadProgress deleting">
Deleting <img src='/images/indicator.gif' alt="Deleting…" />
</div>
</div>
<div id="file_published_template">
<div class="uploadProgress">Your file is being converted and will be
published shortly. You can see its current status <a target="_blank" href="/my-slideshows">
here</a>.</div>
</div>
<div id="publish_error_retry_template" class="error">
Please <a href="javascript:;">Retry</a>.
</div>
16. <div id="publish_upload_failure_template" class="uploadProgress">
Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary
problem. Please try uploading again.
</div>
<div id="publish_error_generic_template" class="uploadProgress">
Upload of <strong>{file_name_for_html}</strong> failed! This is a temporary
problem. Please try uploading again.
</div>
<div id="publish_error_no_title_template" class="uploadProgress">
<div>Upload failed. Your title was invalid. Please enter a valid title for
your file.</div>
</div>
<div id="publish_error_missing_language_template" class="uploadProgress">
<div>Upload failed. Please select a valid language for the file.</div>
</div>
<div id="publish_error_invalid_extension_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed! Uploaded file
type is not supported..</p>
</div>
</div>
</div>
<div id="publish_error_video_quota_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed! You have
exceeded your monthly video upload quota.<br/><a href="/business/premium/plans?
cmp_src=benefits&cmp_src_from=video_upload_thickbox" class="j-cta_videoupload
btn">Upgrade your plan</a> to upload more videos.</p>
</div>
</div>
</div>
<div id="publish_error_private_qouta_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>
<span>Upload of <strong>{file_name_for_html}</strong> failed!</span>
<span class="j-message">Your private upload limit has been reached. If
you wish to increase your upload limit, please contact <a
href="https://slideshare.wufoo.com/forms/q1i1eut90khip1o/"
target="_blank">SlideShare support</a>.</span>
</p>
</div>
</div>
</div>
<div id="publish_error_banned_country_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed! You are trying
to upload videos from a country where access is restricted..</p>
</div>
</div>
</div>
<div id="publish_error_invalid_size_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
17. <div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed! Your file
exceeds maximum allowed size.</p>
</div>
</div>
</div>
<div id="publish_error_free_user_video_template" class="uploadProgress">
<div class="uploadProgress uploadFailed">
<div class="error">
<p>Upload of <strong>{file_name_for_html}</strong> failed!</p> Video
formats are not supported.
</div>
</div>
</div>
<div id="flash_notice_for_secret_url" class="success">
Secret URL for this slideshow is: <strong><a
href='{secret_url}'>{secret_url}</a></strong>
</div>
<div id="embed_code_template">
<fieldset>
<div class="market-your-content-tab">
<ul class="steps">
<li><span>1</span><a class="j-go-back add-details">Add details</a></li>
<li class="current"><span>2</span>Share Your SlideShare</li>
</ul>
</div>
<div class="floatRight">
<div class="shareOptions embed-code">
<h4>Embed code</h4>
<ul class="nav nav-pills">
<li>
<input type="text" name="embed" id="embed_code">
</li>
</ul>
</div>
<div class="shareOptions j-share-options">
<h4>Share</h4>
<ul class="nav nav-pills share-publicly">
<li>
<a href="#" class="twitter-share j-twitter-share" title="Post to
Twitter" rel="nofollow">Twitter</a>
</li>
<li>
<a href="#" class="facebook-share j-facebook-share" title="Post to
Facebook" rel="nofollow">Facebook</a>
</li>
<li>
<a href="#" class="linkedin-share j-linkedin-share" title="Post to
Linkedin" rel="nofollow">LinkedIn</a>
</li>
<li>
<a href="#" class="gplus-share j-gplus-share" title="Post to
Google+" rel="nofollow">Google+</a>
</li>
<li>
<a href="#" class="email-share j-email-share" title="Share via
email" rel="nofollow">Email</a>
</li>
</ul>
</div><!-- .shareOptions -->
18. <div class="add-to-profile-section j-add-to-profile">
<p class="add-to-profile-text">Add to Linkedin profile</p>
<div data-slide-id="" class="treasury add-to-li-profile j-linkedin-connect
flat-button-with-icon flat-button-li hide j-tooltip" id="" data-original-
title="Your slideshare will show up in summary section of your linkedin
profile" rel="tooltip">
<div class="flat-button-icon"></div>
<div class="flat-button-text">Add to my profile</div>
</div>
</div>
<!-- Marketing options -->
<p id="save_publish_button" class="miniPara save-button">
<a class="btn btn-inverse j-slideshow-link slideshow-link" data-galabel="
link_view_ppt" target="_blank">View Presentation</a>
<a class="go-back j-slideshow-edit" target="_blank">Advanced Settings</a>
<a class="go-back j-go-back">Go Back</a>
</p>
</div><!-- .floatRight -->
</fieldset>
</div><!-- #embed_code_template -->
<div id="notice_first_upload">
<strong>Upload your first presentation below</strong>, or fill out your
personal details on <a href="/{user_login}/edit" title="View your profile
page">your profile page</a>.
</div>
<div id="file_no_user_status_template">
No user to associate this slideshow with. Please refresh the page and the
problem should be solved.
</div>
<div id="file_invalid_extension_status_template"> The uploaded file type is
not supported by SlideShare. Please confirm the allowed types from our <a
href="/faqs">FAQ</a> or <a href="/feedback">contact us</a> if you think the file
type should be supported.
</div>
<div id="published_status">
<div class="uploadProgress uploadPublished">
<p class="publish-success-message mobile-preview-wrapper">Your file
uploaded successfully<span class="li-share-alert hide"> on SlideShare and
LinkedIn</span>! View it <a class="j-slideshow-link" data-galabel="
link_view_here" target="_blank">here</a>.
<a class="j-mobile-preview pull-right" style="display: none" href="#"><i
class="iconTemp-mobile"></i>See Mobile Preview</a>
</p>
<div class="li-share-alert hide"><a href="http://www.linkedin.com"
class="muted text-info" target="_blank">Undo LinkedIn share</a> <a class="label
label-info" rel="tooltip" href="#" title="To undo LinkedIn share, just login to
your LinkedIn account and delete the shared link from your home page feed.">?
</a> <a class="j-edit-sharing-settings text-info" href="#">Auto-share
settings</a></div>
</div>
</div>
</div>
<!-- upload templates end -->
</div> <!-- upload_div -->
<!-- preloading of images -->
29. }
/* Sidebar menu
---------------------- */
var isSidebarOpened = function() {
return $('body').hasClass('sidebar-nav-opened');
};
var toggleMenu = function() {
var $body = $('body');
var $mainContent = $('#main-content');
var topNavHeight = $('#main_navbar').outerHeight();
var offset = 0;
// Collapse the search bar if it is open
$('#mobile-search-bar').removeClass('open');
// Open/Close sidebar
if (isSidebarOpened()) {
offset = -parseInt($mainContent.css('top'), 10) + topNavHeight;
$mainContent.css('top', '');
$body.removeClass('sidebar-nav-opened');
window.scrollTo(0, offset);
// Re-enable list scrolling and navigation on menu close
$("#main-content").unbind('touchmove');
} else {
offset = -($(document).scrollTop() - topNavHeight);
$mainContent.css('top', offset + 'px');
$body.addClass('sidebar-nav-opened');
$body.removeClass('search-bar-opened');
// Disable list scrolling and navigation for everything except the
menu on menu open
$("#main-content").bind('touchmove', function(e){
e.preventDefault();
});
}
};
$('body').on('click', '#j-open-sidebar-nav', function(e) {
e.stopPropagation();
toggleMenu();
});
/* Mobile search bar
---------------------- */
var isSearchBarOpened = function() {
return $("#mobile-search-bar").hasClass('open');
};
var toggleSearchBar = function() {
var $body = $('body');
if (isSearchBarOpened()) {
$("#mobile-search-bar").removeClass('open').find('.search-field').
blur();
$body.removeClass('search-bar-opened');
} else {
$("#mobile-search-bar").addClass('open').find('.search-field').
focus();
$body.addClass('search-bar-opened');
$body.removeClass('sidebar-nav-opened');