You are on page 1of 13

<!

DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SmartDraw &mdash; Documents</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" href="https://acs.smartdraw.com/sdui/sdui-f.min.css?
bn=2311161335&amp;bn=2311161335" as="style" />
<link type="text/css" rel="stylesheet" href="https://acs.smartdraw.com/sdui/sdui-
f.min.css?bn=2311161335&amp;bn=2311161335" />
<link rel="stylesheet" type="text/css"
href="https://acs.smartdraw.com/sdui/sdui.min.css?
bn=2311161335&amp;bn=2311161335" />
<link rel="stylesheet" type="text/css"
href="https://acs.smartdraw.com/sdui/template-icons.min.css?
bn=2311161335&amp;bn=2311161335" />

<!-- Loading Screen Styles -->


<style type="text/css" media="screen">#_loading{position: fixed;top: 0;left:
0;right: 0;bottom: 0;display: flex;align-items: center;justify-content:
center;display: -webkit-flex;-webkit-align-items: center; -webkit-justify-content:
center;display: -ms-flexbox;-ms-flex-align: center;-ms-flex-pack:
center;}.loaderFrame{width: 100%;max-width: 1200px;min-width: 300px;display:
flex;flex-flow: column nowrap;align-items: center;align-content: center;justify-
content: center;display: -webkit-flex;-webkit-flex-flow: column nowrap;-webkit-
align-items: center;-webkit-align-content: center;-webkit-justify-content:
center;display: -ms-flexbox;-ms-flex-flow: column nowrap;-ms-flex-align: center;-
ms-flex-pack: center;}.loader{margin: auto;width: 70px;text-align:
center;}.loaderFrame > svg{height: 200px;}.loader > div{width: 18px;height:
18px;background-color: #333;border-radius: 100%;display: inline-block;-webkit-
animation: sdui-bouncedelay 1.2s infinite ease-in-out both;animation: sdui-
bouncedelay 1.2s infinite ease-in-out both;}.loader .bounce1{-webkit-animation-
delay: -0.32s;animation-delay: -0.32s;}.loader .bounce2{-webkit-animation-delay: -
0.16s;animation-delay: -0.16s;}@-webkit-keyframes sdui-bouncedelay{0%, 80%, 100%{-
webkit-transform: scale(0)}40%{-webkit-transform: scale(1.0)}}@keyframes sdui-
bouncedelay{0%, 80%, 100%{-webkit-transform: scale(0);transform: scale(0);}40%{-
webkit-transform: scale(1.0);transform: scale(1.0);}}</style>
<style type="text/css">
.clearable{
background: #fff url(common/img/inputclose.gif) no-repeat right -10px center;
border: 1px solid #999;
padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
border-radius: 3px;
transition: background 0.4s;
}
.clearable.x { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; } /* (jQ) hover cursor style */
</style>
<style type="text/css" media="screen"> @keyframes spin{from{transform:
rotate(0);}to{transform: rotate(359deg);}}.spinner-box{display: flex; justify-
content: center; align-items: center; background-color: transparent;}.circle-
border{width: 75px; height: 75px; padding: 4px; display: flex; justify-content:
center; align-items: center; border-radius: 50%; background: rgb(63,249,220);
background: linear-gradient(0deg, rgba(0, 203, 249,0.1) 33%, rgba(0, 120, 219,1)
100%); animation: spin .8s linear 0s infinite;}.circle-core{width: 100%; height:
100%; border-radius: 50%; background: white;}</style>

<script type="text/javascript">

var ServerPage = {};


ServerPage.Environment = 'PRD';
ServerPage.CDNUrl = 'https://acs.smartdraw.com';
var StartingLocation = {pre:-1, hasDocs:false, libraryId:'8d56aa03-9ea8-4c10-
a034-bf4c7cc696ea', tid:'7498494d-9db2-4a90-b978-e110d1ad568a',
popLibraryId:'a0a2e3c0-9d3f-4fef-a84a-a04820e622ff', rootLibraryId:'980ad537-3252-
424e-91d6-c7c054d20027'};
if (ServerPage.Environment.length > 5) ServerPage.Environment = "NODE";
ServerPage.HasAuthCookie = true;
ServerPage.EmbeddedAllowCloudDocs = true;
ServerPage.ShowLinkToAccount = false;
ServerPage.ShowUnLinkFromAccount = false;
ServerPage.Claims = null;
ServerPage.Tests = {"id":0,"name":null,"state":0};

function loadTimeout(){
if (ServerPage.Environment=="PRD" || ServerPage.Environment=="DEV3"){
var elem = $("#_loading");
if (elem && elem.length>0 && elem.css("display")!="none")
window.location.href="/login/?timeout=1";
}
}
setTimeout(loadTimeout, 45 * 1000); //timeout if not loaded in n seconds

</script>

<script type="text/javascript">
// var referrer = document.referrer;
// var smartdrawString = "app.smartdraw.com/editor";

// Check if referrer contains app.smartdraw.com (coming from within the


Editor)
// if (referrer.indexOf(smartdrawString) > -1) {
// Assume user is coming from the editor and set window name
// window.name = "templateDialogFromEditor";
// } else {
// Assume user is not coming from the editor and set window name
// window.name = "templateDialog";
// }
</script>

</head>
<body>

<div id="_loading">
<div class="loaderFrame">

<svg id="Layer_1" data-name="Layer 1"


xmlns="http://www.w3.org/2000/svg" width="50%" height="50%"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 168.04 30.67"> <defs>
<style>.cls-1{fill: url(#linear-gradient-3);}.cls-2{fill: url(#linear-gradient-
2);}.cls-3{fill: url(#linear-gradient-4);}.cls-4{fill: #999;}.cls-5{fill:
#666;}.cls-6{fill: #333;}.cls-7{fill: url(#linear-gradient);}</style>
<linearGradient id="linear-gradient" x1="0" y1="-1543.7" x2="12.98" y2="-1543.7"
gradientTransform="translate(0 -1534.51) scale(1 -1)"
gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#0078db"/> <stop
offset="1" stop-color="#00ccf9"/> </linearGradient> <linearGradient id="linear-
gradient-2" x1="16.72" y1="-1543.7" x2="29.69" y2="-1543.7"
gradientTransform="translate(0 -1534.51) scale(1 -1)"
gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#00ccf9"/> <stop
offset="1" stop-color="#0078db"/> </linearGradient> <linearGradient id="linear-
gradient-3" x1="0" y1="21.49" x2="12.98" y2="21.49" gradientTransform="matrix(1, 0,
0, 1, 0, 0)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-
color="#0155a2"/> <stop offset="1" stop-color="#0078db"/> </linearGradient>
<linearGradient id="linear-gradient-4" x1="16.72" y1="21.49" x2="29.69" y2="21.49"
gradientTransform="matrix(1, 0, 0, 1, 0, 0)" gradientUnits="userSpaceOnUse"> <stop
offset="0" stop-color="#0078db"/> <stop offset="1" stop-color="#0155a2"/>
</linearGradient> </defs> <g> <path d="M6.38,14.34l-4.75,3.81c-.65,.52-1.63,.06-
1.63-.78v-6.69c0-.92,.42-1.78,1.14-
2.35L11.36,.22c.66-.52,1.62-.05,1.62,.78V7.7c0,.92-.42,1.79-1.15,2.36l-5.45,4.29Z"
style="fill: url(#linear-gradient);"/> <path d="M23.31,14.34l-5.45-4.29c-.72-.57-
1.15-1.44-1.15-2.36V1c0-.84,.97-
1.3,1.62-.78l10.22,8.11c.72,.57,1.14,1.43,1.14,2.35v6.69c0,.84-.97,1.3-1.63,.78l-
4.75-3.81Z" style="fill: url(#linear-gradient-2);"/> <path
d="M6.38,16.33L1.63,12.52c-.65-.52-1.63-.06-
1.63,.78v6.69c0,.92,.42,1.78,1.14,2.35l10.22,8.11c.66,.52,1.62,.05,1.62-.78v-
6.7c0-.8-.52-1.86-1.15-2.36l-5.45-4.29Z" style="fill: url(#linear-gradient-3);"/>
<path d="M23.31,16.33l-5.45,4.29c-.72,.57-1.15,1.44-
1.15,2.36v6.7c0,.84,.97,1.3,1.62,.78l10.22-8.11c.72-.57,1.14-1.43,1.14-2.35v-
6.69c0-.84-.97-1.3-1.63-.78l-4.75,3.81Z" style="fill: url(#linear-gradient-4);"/>
</g> <g> <path d="M43.9,21.08l1.43-2.72c1.2,.83,2.49,1.37,3.86,1.37,1.23,0,2-.43,2-
1.23,0-1.03-1.46-1.23-2.98-1.63-1.86-.49-3.98-1.29-3.98-4.18,0-2.57,1.66-4.29,5.01-
4.29,1.89,0,3.32,.54,4.41,1.43l-1.49,2.49c-.94-.66-1.89-1-2.98-1s-1.72,.37-
1.72,1.12c0,1.06,1.2,1.32,2.4,1.57,1.92,.43,4.55,1.2,4.55,4.32,0,2.8-2.03,4.32-
5.24,4.32-1.97,0-3.86-.57-5.29-1.57Z" style="fill: #333;"/> <path
d="M70.71,8.4c3.4,0,4.81,2.52,4.81,6.24v7.67h-3.38v-7.58c0-2.29-.92-3.06-2-3.06-
1.37,0-2.49,1.2-2.49,3.35v7.3h-3.38v-7.58c0-2.29-.92-3.06-2-3.06-1.37,0-2.49,1.17-
2.49,3.35v7.3h-3.38V8.75h3.32v1.12c.66-.94,1.8-1.46,3.29-
1.46,1.97,0,3,.94,3.72,2.23,.77-1.43,2.03-2.23,3.98-2.23Z" style="fill: #333;"/>
<path d="M82.24,22.65c-2.98,0-4.86-1.72-4.86-4.38,0-3.66,3.6-4.38,6.52-
4.38h1.34v-.34c0-1.54-.97-1.95-2.12-1.95-1.2,0-2.37,.43-3.52,1.2l-1.4-
2.86c1.57-.97,3.12-1.54,4.98-
1.54,2.89,0,5.44,1.4,5.44,5.21v4.21c0,1.49,.74,1.92,1.34,2l-.54,2.75c-1.75,.23-
2.83-.46-3.46-1.66-.63,1.03-1.83,1.75-3.72,1.75Zm1.83-6.01c-1.6,0-3.32,.06-
3.32,1.6,0,1.03,.8,1.52,1.86,1.52,1.72,0,2.63-1.2,2.63-2.83v-.29h-1.17Z"
style="fill: #333;"/> <path d="M99,8.43h.26v3.78c-2.49-.29-4.03,.26-
4.03,3.23v6.87h-3.38V8.75h3.38v1.54c.83-1.37,2.09-1.86,3.78-1.86Z" style="fill:
#333;"/> <path
d="M105.7,17.39c0,1.4,.54,1.95,1.75,1.95,.37,0,.92-.06,1.4-.17l.4,3.09c-.69,.26-
1.54,.4-2.37,.4-2.98,0-4.55-1.83-4.55-4.95v-5.69h-2.52v-
3.26h2.52V4.71h3.38v4.03h3.49v3.26h-3.49v5.38Z" style="fill: #333;"/> <path
d="M116.08,22.65c-3.52,0-5.84-3.09-5.84-7.12s2.32-7.12,5.86-
7.12c1.43,0,2.69,.51,3.38,1.37V3.48h3.38V22.31h-3.32v-1.12c-.69,.92-1.95,1.46-
3.46,1.46Zm3.49-7.12c0-2.17-1.09-3.86-2.95-3.86s-2.98,1.49-
2.98,3.86,1.12,3.86,2.98,3.86,2.95-1.69,2.95-3.86Z" style="fill: #999;"/> <path
d="M132.9,8.43h.26v3.78c-2.49-.29-4.03,.26-4.03,3.23v6.87h-3.38V8.75h3.38v1.54c.83-
1.37,2.09-1.86,3.78-1.86Z" style="fill: #999;"/> <path d="M138.4,22.65c-2.98,0-
4.86-1.72-4.86-4.38,0-3.66,3.6-4.38,6.52-4.38h1.34v-.34c0-1.54-.97-1.95-2.12-1.95-
1.2,0-2.37,.43-3.52,1.2l-1.4-2.86c1.57-.97,3.12-1.54,4.98-
1.54,2.89,0,5.44,1.4,5.44,5.21v4.21c0,1.49,.74,1.92,1.34,2l-.54,2.75c-1.75,.23-
2.83-.46-3.46-1.66-.63,1.03-1.83,1.75-3.72,1.75Zm1.83-6.01c-1.6,0-3.32,.06-
3.32,1.6,0,1.03,.8,1.52,1.86,1.52,1.72,0,2.63-1.2,2.63-2.83v-.29h-1.17Z"
style="fill: #999;"/> <path d="M152.79,22.31h-2.98l-4.12-13.56h3.6l2.09,7.9,2.43-
7.9h2.8l2.43,7.9,2.09-7.9h3.61l-4.12,13.56h-2.98l-2.43-7.98-2.43,7.98Z"
style="fill: #999;"/> <path d="M165.5,10.07c0-.71,.54-1.28,1.27-
1.28s1.27,.57,1.27,1.28-.54,1.28-1.27,1.28-1.27-.57-1.27-
1.28Zm2.21,0c0-.53-.4-.95-.94-.95s-.94,.43-.94,.95,.4,.95,.94,.95,.94-.43,.94-.95Zm
-1.08,.66h-.34v-
1.37h.53c.32,0,.52,.19,.52,.46,0,.17-.08,.32-.23,.4l.28,.52h-.38l-.2-.44h-.17v.44Zm
.19-.74c.11,0,.19-.05,.19-.16s-.07-.16-.19-.16h-.19v.31h.19Z" style="fill: #666;"/>
</g></svg>

<div class="spinner-box">
<div class="circle-border">
<div class="circle-core">

</div>
</div>
</div>

</div>

</div>
<div id="msTeams-refreshMessage">
<div>
<h3>To view your document,</h3>
<h3>please refresh or reload the page.</h3>
</div>
</div>
<div id="mainView" class="row-fluid ss-mainView" style="visibility:hidden"
onclick="SD_Click(event, 'SD_DeselectItems')">

<ul id="topNav" class="nav ss-topNav">

<li class="ss-logo">
<a href="//www.smartdraw.com" id="logo-link" target="_blank">
<img id="CDNImage1" alt="sd15-logo-white"
src="https://acs.smartdraw.com/Assets/Images/smartdraw-logo-2022.svg?bn=2311161335"
/>
</a>
</li>

<li id="topNav-loginButtonContainer" class="loginButton hide"><a id="trial-


login" class="btn btn-blueBorder" title="Login"
onclick="SDUI.LoginSignupController.ShowLogin();return false;" modalid="m-
loginsignup">Login</a></li>

<li id="topNav-buyButtonContainer" class="buyLink"><a id="trial-buy"


class="trialTab" onclick="SD_Click(event, 'SD_ShowModal')" modalid="m-trialbuy"
title="Buy SmartDraw">Buy</a></li>
<li id="cv-subNav-searchContainer" class="ss-searchContainer">
<div id="ss-search" class="ss-search">
<input id="searchBox" type="search" class="clearable"
placeholder="Search Files and Templates"/>
<button id="fileSearchButton" class="btn btn-normal
symbolSearchButton">
<i class="icon-search"></i>
</button>
</div>
</li>

<!-- <li class="ss-notificationContainer">


<pfe-icon icon="fluent-bell" color="base"></pfe-icon>
</li> -->

<li id="ss-account" class="ss-accountOptions" onclick="SD_Click(event,


'SD_DropDropdown')" dropdownId="dd-accountMenu">
<a class="account-menu"><i class="icon-reorder"></i> Menu</a>
</li>

</ul>
<div id="leftNav" class="ss-tree well well-small"
oncontextmenu="SD_Click(event, 'SD_ContextMenuDefault')">

<div class="scrollerContainer">

<ul id="linkToCloudAccount" class="treeViewList nodeChildList"


style="display:none">
<li class="contentChanger" id="linkConfluencetoCloud"
onclick="SD_Click(event, 'SD_ShowModal')" modalid="m-linkToSD"><i class="t-icon-
smartdraw"></i> Link SmartDraw Account</li>
</ul>
<label class="ss-tree-listSection" id="ln-files-myDocs"
onclick="SD_Click(event, 'SD_ViewDocumentContent')">My Documents</label>
<ul id="ln-files" class="treeViewList nodeChildList">
<li class="contentChanger activeFile" id="ln-files-recent"
onclick="SD_Click(event, 'SD_ViewRecentDocuments')">
<div class="templateDialog-labelContainer"><i class="t-icon-
recent"></i> <span class="nodeInterior">Recent</span></div>
</li>
<li class="contentChanger sp-SDCloud" id="ln-files-smartDraw"
depository="2" onclick="SD_Click(event, 'SD_ChangeDepository')" style="display:
none;">
<div class="templateDialog-labelContainer"><i class="t-icon-
smartdraw"></i> <span class="nodeInterior">SmartDraw</span></div>
</li>
<div id="ln-files-smartDrawTree">
</div>
</li>
<li class="contentChanger sp-GoogleDrive" id="ln-files-googleDrive"
depository="3" onclick="SD_Click(event, 'SD_ChangeDepository')"
oncontextmenu="SD_Click(event, 'SD_SelectAccountContextItem')"
style="display:none;">
<div class="templateDialog-labelContainer"><i class="t-icon-
googledrive"></i> <span class="nodeInterior">Google Drive</span></div>
<div id="ln-files-googleDriveTree">
</div>
</li>
<li class="contentChanger sp-OneDrive" id="ln-files-microsoftOneDrive"
depository="4" onclick="SD_Click(event, 'SD_ChangeDepository')"
oncontextmenu="SD_Click(event, 'SD_SelectAccountContextItem')"
style="display:none;">
<div class="templateDialog-labelContainer"><i class="t-icon-
One_Drive"></i> <span class="nodeInterior">Microsoft OneDrive</span></div>
<div id="ln-files-microsoftOneDriveTree">
</div>
</li>
<li class="contentChanger sp-SharePoint" id="ln-files-
microsoftSharePoint" depository="7" onclick="SD_Click(event,
'SD_ChangeDepository')" oncontextmenu="SD_Click(event,
'SD_SelectAccountContextItem')" style="display:none;">
<div class="templateDialog-labelContainer"><i class="t-icon-
sharePoint"></i> <span class="nodeInterior">Microsoft SharePoint</span></div>
<div id="ln-files-microsoftSharePointTree">
</div>
</li>
<li class="contentChanger sp-DropBox" id="ln-files-dropBox"
depository="5" onclick="SD_Click(event, 'SD_ChangeDepository')"
oncontextmenu="SD_Click(event, 'SD_SelectAccountContextItem')"
style="display:none;">
<div class="templateDialog-labelContainer"><i class="t-icon-
dropbox"></i> <span class="nodeInterior">Dropbox</span></div>
<div id="ln-files-dropBoxTree">
</div>
</li>
<li class="contentChanger sp-Box" id="ln-files-box" depository="6"
onclick="SD_Click(event, 'SD_ChangeDepository')" oncontextmenu="SD_Click(event,
'SD_SelectAccountContextItem')" style="display:none;">
<div class="templateDialog-labelContainer"><i class="t-icon-box"></i>
<span class="nodeInterior">Box</span></div>
<div id="ln-files-boxTree">
</div>

</li>
<li id="r-add-serviceTree" class="sp-AddService" >
<div>
<i class="t-icon-add-service" onclick="SD_Click(event,
'SD_DropDropdown')" dropdownid="dd-addDepo" orientation="right">
</i>
<span class="nodeInterior" onclick="SD_Click(event, 'SD_DropDropdown')"
dropdownid="dd-addDepo" orientation="right">Add Service</span>
</div>
</li>
</ul>
<label class="ss-tree-listSection hideIfRO hideIfNoCreate" id="ln-files-
import">Import</label>
<ul id="ln-files-importOptions" class="treeViewList nodeChildList
fileImportsList hideIfRO hideIfNoCreate">
<li class="nodeExterior triggerSignup hideIfRO hideIfNoCreate" id="ln-
import-vsd" onclick="SD_Click(event, 'SD_ShowModal')" modalid="m-import"
contextId="1"><i class="t-icon-cloud-upload"></i><span class="nodeInterior">Visio
File</span></li>
<li class="nodeExterior triggerSignup hideIfRO hideIfNoCreate" id="ln-
import-sdr" onclick="SD_Click(event, 'SD_ShowModal')" modalid="m-import"
contextId="0"><i class="t-icon-cloud-upload"></i><span
class="nodeInterior">SmartDraw File</span></li>
<li class="nodeExterior triggerSignup hideIfRO hideIfNoCreate" id="ln-
import-lucid" onclick="SD_Click(event, 'SD_ShowModal')" modalid="m-importLucid"><i
class="t-icon-cloud-upload"></i><span class="nodeInterior">Lucidchart
File</span></li>
</ul>
<div id="ln-templates" class="ss-templateList hideIfRO hideIfNoCreate">

</div>

<div class="templateDialog-fixedBottomSection">
<a
onclick="gotoHyperlink('https://smartdraw.zendesk.com/hc/en-us/articles/
360044531292-Navigating-the-Template-Browser')">
<pfe-icon icon="fluent-help" color="blue"></pfe-icon>
</a>
</div>

</div>
<div id="ln-tooltip"></div>
</div>
<div id="contentView" class="ss-viewArea">
<div id="cv-subNav" class="ss-grayNav">
<i class="icon-arrow-left backToLeftNav"></i>

<div>
<button id="cv-subNav-addFolder" onclick="SD_Click(event,
'SD_ShowNameDialog')" nameLabel="makeFolder">+</button>
</div>
<div id="cv-subNav-breadcrumbContainer">
</div>
<div id="ss-viewOptionContainer" class="ss-viewOptionContainer">
<a id="cv-subNav-sort" onclick="SD_Click(event, 'SD_DropDropdown')"
dropDownId="dd-sort" class="btn ss-viewOption enabled">
<i class="icon-sort-by-order"></i>
Sort

</a>
<a id="ss-viewOptionsDropdown" class="btn ss-viewOption enabled"
onclick="SD_Click(event, 'SD_DropDropdown')" dropDownId="dd-viewSwitcher">
<i class="icon-th-large"></i>
View
</a>

<div id="google_translate_element"></div>
<button onclick="injectGoogleTranslate(); this.remove();"
id="translatePlaceholderButton" class="btn btn-small btn-outlineStyle
translateButton">Translate</button>
<div id="translateLoader">
<div class='doc_loader_circles'>
<div class='doc_loader_circle loadCircle1'></div>
<div class='doc_loader_circle loadCircle2'></div>
<div class='doc_loader_circle loadCircle3'></div>
</div>
</div>

</div>
</div>
<div id="cv-listView" class="ss-listViewContentContainer"
oncontextmenu="SD_Click(event, 'SD_ContextMenuDefault')" contextId="listView">
<div id="cv-listView-content" class="ss-listViewContent">
</div>
</div>
</div>
<a id="cv-hiddenLink" href="#" target="_blank"></a>
</div>

<div id="dynamicPartials">
<div contentUrl="/app/sdtd/views/Dropdowns/DocumentContextMenu.html"
placeholderID="dd-docContext"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/DocumentBrowserContextMenu.html"
placeholderID="dd-docBrowseContextMenu"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/FolderContextMenu.html"
placeholderID="dd-folderContext"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/DepositoryAccountContextMenu.html"
placeholderID="dd-depositoryAccountContextMenu"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/AccountMenu.html" placeholderID="dd-
accountMenu"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/PluginContextMenu.html"
contentLoadState="onDemand" placeholderId="dd-plugin"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/DepoSwitcher.html"
contentLoadState="onDemand" placeholderId="dd-depoSwitcher"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/ViewSwitcher.html"
contentLoadState="onDemand" placeholderId="dd-viewSwitcher"></div>

<div contentUrl="/app/sdtd/views/Dropdowns/Sort.html" contentLoadState="onDemand"


placeholderId="dd-sort"></div>
<div contentUrl="/app/sdtd/views/Dropdowns/AddDepo.html"
contentLoadState="onDemand" placeholderId="dd-addDepo"></div>
<div contentUrl="/app/sdtd/views/modals/FolderPicker.html"
contentLoadState="onDemand" placeholderID="m-folderPicker"></div>
<div contentUrl="/app/sdtd/views/modals/Progress.html" contentLoadState="onDemand"
placeholderID="m-progress"></div>
<div contentUrl="/app/sdtd/views/modals/ExtensionTypePicker.html"
contentLoadState="onDemand" placeholderID="m-extensionTypePicker"></div>
<div contentUrl="/app/sdtd/views/modals/NameDialog.html"
contentLoadState="onDemand" placeholderID="m-name"></div>
<div contentUrl="/app/sdtd/views/modals/GoToShare.html"
contentLoadState="onDemand" placeholderID="m-gotoshare"></div>
<div contentUrl="/app/sdtd/views/modals/ImportDialog.html"
contentLoadState="onDemand" placeholderID="m-import"></div>
<div contentUrl="/app/sdtd/views/modals/LucidImportDialog.html"
contentLoadState="onDemand" placeholderID="m-importLucid"></div>
<div contentUrl="/app/sdtd/views/modals/GoogleReadOnlyMessage.html"
contentLoadState="onDemand" placeholderID="m-googleReadOnly"></div>
<div contentUrl="/views/Modals/trialbuy.html" contentLoadState="onDemand"
placeholderId="m-trialbuy"></div>
<div contentUrl="/views/Modals/trialsplash.html" contentLoadState="onDemand"
placeholderId="m-trialsplash"></div>
<div contentUrl="/views/Modals/loginsignup.html" contentLoadState="onDemand"
placeholderId="m-loginsignup"></div>
<div contentUrl="/views/Modals/ShareDialog.html" contentLoadState="onDemand"
placeholderId="m-shareDialog"></div>
<div contentUrl="/views/Modals/Plugin-IDE.html" contentLoadState="onDemand"
placeholderId="m-pluginIDE"></div>
<div contentUrl="/views/Modals/Plugin-REST.html" contentLoadState="onDemand"
placeholderId="m-pluginREST"></div>
<div contentUrl="/views/modals/ActiveSessionAlertModal.html" placeholderID="m-
activeSession"></div>
<div contentUrl="/views/modals/AlertModal.html" placeholderID="m-alert"></div>
<div contentUrl="/views/Modals/TrialActivate.html" contentLoadState="onDemand"
placeholderId="m-trialactivate"></div>
<div contentUrl="/views/Modals/About.html" contentLoadState="onDemand"
placeholderId="m-about"></div>
<div contentUrl="/views/Modals/Onboard-Confluence.html"
contentLoadState="onDemand" placeholderId="m-onBoardConfluence"></div>
<div contentUrl="/views/Modals/DocHistory.html" contentLoadState="onDemand"
placeholderId="m-docHistory"></div>
<div contentUrl="/app/sdtd/views/Modals/LinkToSmartDrawAccount.html"
contentLoadState="onDemand" placeholderId="m-linkToSD"></div>
<div contentUrl="/views/Modals/PluginPrebuiltIframeViewer.html"
contentLoadState="onDemand" placeholderId="m-pluginPrebuiltIframeViewer"></div>
<div contentUrl="/views/Modals/PluginDialog.html" contentLoadState="onDemand"
placeholderId="m-plugin"></div>
<div contentUrl="/views/Modals/ConfigStorage.html" contentLoadState="onDemand"
placeholderId="m-configstorage"></div>
<div contentUrl="/views/Modals/ShowUrl.html" contentLoadState="onDemand"
placeholderId="m-showUrl"></div>
<div contentUrl="views/Modals/MessageBoxNoPrint.html" contentLoadState="onDemand"
placeholderId="m-messageboxNoPrint"></div>
</div>

<script src="https://acs.smartdraw.com/app/lib.2311161335.min.js?
bn=2311161335&amp;bn=2311161335"></script>
<script src="https://acs.smartdraw.com/app/sdt.2311161335.min.js?
bn=2311161335&amp;bn=2311161335"></script>

<script>

$(function () {
$(window).on('message', iFrameMessageHandler);

$('html').addClass(ServerPage.Environment);
SDUI.AppSettings.Application = SDUI.Resources.Application.TemplateDialog;
SDTD.Initializer.Initialize();
maintBanner();
});

function iFrameMessageHandler(e) {
if (e.originalEvent.data == 'gotoSSO') {
var domain = $('#m-loginSignup-
iFrame').contents().find('#samlDomain').text();
self.location.href = '/sso/saml/login/' + domain;
} else if (e.originalEvent.data == 'gotoHyperlink') {
const gotoUrl = sessionStorage.getItem('gotoHyperlink');

if (SDUI.AppSettings.NoNewWindows) {
SDTD.Commands.MainController.ShowModal('m-showUrl', null, gotoUrl);
} else {
window.open(gotoUrl, "_blank");
}
}
else if (e.originalEvent.data != null && typeof (e.originalEvent.data.resize) !
= "undefined") {
if (typeof (e.originalEvent.data.width) != 'undefined' &&
e.originalEvent.data.width.length > 0) {
$('#' + e.originalEvent.data.resize).width(e.originalEvent.data.width);
$('#' + e.originalEvent.data.resize + "-
iframe").width(e.originalEvent.data.width);
}
if (typeof (e.originalEvent.data.height) != 'undefined' &&
e.originalEvent.data.height.length > 0) {
$('#' + e.originalEvent.data.resize).height(e.originalEvent.data.height);
$('#' + e.originalEvent.data.resize + "-
iframe").height(e.originalEvent.data.height);
}
}
}
function maintBanner(test) {
var current = new Date();
var show = new Date('July 24 2023 01:00:00 GMT-0000');
var start = new Date('July 27 2023 01:00:00 GMT-0000');
var end = new Date('July 31 2023 01:30:00 GMT-0000');
if ((typeof (test) != 'undefined' && test == true) || (current > show &&
current < end)) {
$('.closeSVG').on('click', function (e) { e.preventDefault();
e.stopPropagation(); $("#maintBanner").remove() });
$('#maintTime').text(start.format("mmmm d, h:00tt Z"));
$('#mainView').prepend($("#maintBanner").detach());
$("#maintBanner").css('display', '');
}
}

function gotoHyperlink(destination) {
sessionStorage.setItem('gotoHyperlink', destination);
parent.postMessage("gotoHyperlink", window.location.href);
}

//TEMP:
/*
* Date Format 1.2.3
* (c) 2007-2009 Steven Levithan <stevenlevithan.com>
* MIT license
*
* Includes enhancements by Scott Trenda <scott.trenda.net>
* and Kris Kowal <cixar.com/~kris.kowal/>
*
* Accepts a date, a mask, or a date and a mask.
* Returns a formatted version of the given date.
* The date defaults to the current date/time.
* The mask defaults to dateFormat.masks.default.
*/

var dateFormat = function () {


var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic)
(?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
timezoneClip = /[^-+\dA-Z]/g,
pad = function (val, len) {
val = String(val);
len = len || 2;
while (val.length < len) val = "0" + val;
return val;
};

// Regexes and supporting functions are cached through closure


return function (date, mask, utc) {
var dF = dateFormat;

// You can't provide utc if you skip other args (use the "UTC:" mask
prefix)
if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object
String]" && !/\d/.test(date)) {
mask = date;
date = undefined;
}

// Passing date through Date applies Date.parse, if necessary


date = date ? new Date(date) : new Date;
if (isNaN(date)) throw SyntaxError("invalid date");

mask = String(dF.masks[mask] || mask || dF.masks["default"]);

// Allow setting the utc argument via the mask


if (mask.slice(0, 4) == "UTC:") {
mask = mask.slice(4);
utc = true;
}

var _ = utc ? "getUTC" : "get",


d = date[_ + "Date"](),
D = date[_ + "Day"](),
m = date[_ + "Month"](),
y = date[_ + "FullYear"](),
H = date[_ + "Hours"](),
M = date[_ + "Minutes"](),
s = date[_ + "Seconds"](),
L = date[_ + "Milliseconds"](),
o = utc ? 0 : date.getTimezoneOffset(),
flags = {
d: d,
dd: pad(d),
ddd: dF.i18n.dayNames[D],
dddd: dF.i18n.dayNames[D + 7],
m: m + 1,
mm: pad(m + 1),
mmm: dF.i18n.monthNames[m],
mmmm: dF.i18n.monthNames[m + 12],
yy: String(y).slice(2),
yyyy: y,
h: H % 12 || 12,
hh: pad(H % 12 || 12),
H: H,
HH: pad(H),
M: M,
MM: pad(M),
s: s,
ss: pad(s),
l: pad(L, 3),
L: pad(L > 99 ? Math.round(L / 10) : L),
t: H < 12 ? "a" : "p",
tt: H < 12 ? "am" : "pm",
T: H < 12 ? "A" : "P",
TT: H < 12 ? "AM" : "PM",
Z: utc ? "UTC" : (String(date).match(timezone) ||
[""]).pop().replace(timezoneClip, ""),
o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o)
% 60, 4),
S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d %
10]
};

return mask.replace(token, function ($0) {


return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
});
};
}();

// Some common format strings


dateFormat.masks = {
"default": "ddd mmm dd yyyy HH:MM:ss",
shortDate: "m/d/yy",
mediumDate: "mmm d, yyyy",
longDate: "mmmm d, yyyy",
fullDate: "dddd, mmmm d, yyyy",
shortTime: "h:MM TT",
mediumTime: "h:MM:ss TT",
longTime: "h:MM:ss TT Z",
isoDate: "yyyy-mm-dd",
isoTime: "HH:MM:ss",
isoDateTime: "yyyy-mm-dd'T'HH:MM:ss",
isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
};

// Internationalization strings
dateFormat.i18n = {
dayNames: [
"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
],
monthNames: [
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov",
"Dec",
"January", "February", "March", "April", "May", "June", "July", "August",
"September", "October", "November", "December"
]
};

// For convenience...
Date.prototype.format = function (mask, utc) {
return dateFormat(this, mask, utc);
};
//END TEMP
</script>

<script async
src="https://www.googletagmanager.com/gtag/js?id=UA-1407631-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'UA-1407631-1');
gtag('config', 'AW-1072722518');
gtag('config', 'G-9796Z3R0VG');
</script>

<div class="starburst" id="maintBanner" style="display:none">


<span class="starburst-starburstMessage">There will be an important scheduled
maintenance starting at <span id="maintTime"></span>. During this time, SmartDraw
will be unavailable for 15 minutes.&nbsp;<a
href="https://smartdraw.zendesk.com/hc/en-us/articles/4412199219988"
target="_blank" style="color: #FFFFFF; text-decoration: underline;">Learn
more.</a></span>
<svg class="closeSVG" viewBox="0 0 352 512"><path d="M242.72 256l100.07-
100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48
0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-
12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24
22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2
12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/></svg>
</div>

<script type="text/javascript">
function googleTranslateElementInit() {
setTimeout(function () {
new google.translate.TranslateElement({ pageLanguage: 'en', layout:
google.translate.TranslateElement.InlineLayout.SIMPLE },
'google_translate_element');
$("#google_translate_element").addClass("ready");
}, 2000);
}

function injectGoogleTranslate() {
var googleTranslateInjectedScript = document.createElement('script');
googleTranslateInjectedScript.type = 'text/javascript';
googleTranslateInjectedScript.async = true;
googleTranslateInjectedScript.src =
'https://translate.google.com/translate_a/element.js?
cb=googleTranslateElementInit';
( document.getElementsByTagName('head')
[0] ).appendChild(googleTranslateInjectedScript);
}

</script>

</body>
</html>

You might also like