EPUB

EPUB {{'encrypted'|t(data.lc)}}

Kindle

PDF

Word Doc

Windows

Macintosh

Chrome App

</div>

<div class="footer">
                                    
                                    
                                    <perm-upgrade-btn is-free="true" perm="canExportDesktop" v-on:click="exportDesktop('chrome',desktopOb)">
                                        <span class="fa fa-gear"></span> {{'create'|t(data.lc)}}
                                    </perm-upgrade-btn>
                                </div>
                            </div>
                        </div>
                    </div>

</div>
            </div>

<div v-if="isPlatform('nativeApp')">
                <h4>{{'nativeHeading'|t(data.lc)}}</h4>
                <syncebook :exportOb="exportObNative" :includeHosting="true"></syncebook>
                <native-export class="nativeExportBook" :exportOb="exportObNative" mode="book"></native-export>
            </div>

<h4>{{'libHeading'|t(data.lc)}}</h4>
                <div class="exportItem library col-xs-3">
                    <div class="thumbnail">
                        <div class="caption">
                            <h3><span class="fa fa-globe"></span> {{'toLibrary'|t(data.lc)}}</h3>

<p class="desc">{{'libDesc'|t(data.lc)}}</p>

<p style="margin-bottom:0">
                                <libraryselection data="data" :selection="librarySelected" layout="'block'"></libraryselection>
                            </p>
                            <p class="alignRight">
                                <button xv-if="libraryEbookOb.library" v-on:click="manageLibrary()" class="btn btn-xs btn-link" v-if="isHostedLibraryTrial||canHostLibraryBook||canAccessKotobeeLib">
                                    <span class="fa fa-share"></span> {{'manageLibs'|t(data.lc)}}
                                </button>
                            </p>
                            <button v-if="libraryEbookOb.autocompleteData" v-on:click="libraryEbookOb.moreLibOptions=!libraryEbookOb.moreLibOptions" class="btn btn-xs btn-default">
                                {{libraryEbookOb.moreLibOptions?'hideOptions':'moreOptions'|t(data.lc)}}
                            </button>
                            <div v-if="libraryEbookOb.moreLibOptions">
                                <div class="vSpace10"></div>
                                <div v-if="libraryEbookOb.autocompleteData">
                                    {{'category'|t(data.lc)}}
                                    <span class="hSpace5"></span>
                                    <autocomplete class="form-control input-xs group" :openOnClick="true" :list="libraryEbookOb.autocompleteData.categories" :placeholder="'enterCategoryTitle'|t(data.lc)" v-model="libraryEbookOb.category"></autocomplete>
                                </div>
                            </div>
                        </div>
                        <div class="footer">
                            <div class="alignRight" v-if="isHostedLibraryTrial&&!(canHostLibraryBook||canAccessKotobeeLib)">
                                <div class="label label-success trialLabel">{{'trialMode'|t(data.lc)}}</div>
                            </div>
                            
                            <div class="form-group-chkbox">
                                <input v-input type="checkbox" id="optimizeChkbox8" v-model="libraryEbookOb.optimize">
                                <div class="btn-group">
                                    <label for="optimizeChkbox8" class="btn btn-xs btn-default">
                                    <span class="glyphicon glyphicon-ok"></span>
                                    <span> </span>
                                    </label>
                                            <label for="optimizeChkbox8" class="btn btn-xs btn-default" v-bind:class="[libraryEbookOb.optimize?'active':'']">
                                        {{'pdfOptimize'|t(data.lc)}}
                                    </label>
                                </div>
                                <button class="btn btn-link btn-xs i" type="button" v-popover v-bind:data-content="'exportOptimizeDesc'|t(data.lc)">
                                    <span class="fa fa-info-circle"></span>
                                </button>
                            </div>
                            <perm-upgrade-btn v-on:click="uploadToLibrary(libraryEbookOb)" perm="canHostLibraryBook" trial="hostedLibraryTrial">
                                <span class="fa fa-cloud-upload"></span> {{'upload'|t(data.lc)}}
                            </perm-upgrade-btn>
                            <div>
                                <a href class="btn btn-xs btn-link selectFileBtn" @click.prevent="addEpubFiles(libraryEbookOb)">
                                    {{'orSelectLocalFile'|t(data.lc)}}..
                                </a>
                            </div>

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

<h4>{{'hostedHeading'|t(data.lc)}}</h4>

<div class="exportItem hosted col-xs-3">
                    <div class="thumbnail">
                        <div class="caption">
                            <h3><span class="fa fa-globe"></span> {{'hostOnline'|t(data.lc)}}</h3>

<p class="desc">{{'hostDesc'|t(data.lc)}}</p>

<div class="form-group alignCenter" v-if="hasEnterpriseURL">
                                <div class="btn-group" style="min-width: 90px">
                                    <button class="btn btn-default btn-sm btn-block dropdown-toggle" type="button" data-toggle="dropdown">
                                  {{webHostedOb.host?webHostedOb.host:kLibURL}}
                                  <span class="caret"></span>
                              </button>
                                    <ul class="dropdown-menu small" role="menu" style="min-width: inherit;">
                                        <li>
                                            <a role="menuitem" tabindex="-1" href="#" v-on:click="webHostedOb.host = kLibURL">{{kLibURL}}</a>
                                        </li>
                                        <li>
                                            <a role="menuitem" tabindex="-1" href="#" v-on:click="webHostedOb.host = data.user.host">{{data.user.host}}</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

<div class="form-group aliasContainer" style="margin-bottom: 0" v-if="!webHostedOb.host || (webHostedOb.host==kLibURL)">
                                <div class="input-group input-group-sm">
                                    <input v-input class="aliasTxt form-control input-xs" type="text" v-model="webHostedOb.subdomain" v-on:keyup.enter.prevent="exportWebHosted(webHostedOb)" v-bind:disabled="!isHostedBookTrial&&!canHostBook" v-bind:placeholder="'subdomain'|t(data.lc)" v-on:keyup="verifyAliasAvailable(webHostedOb, 'book')">
                                    <span class="input-group-addon">.kotobee.com</span>
                                </div>
                                <div v-if="webHostedOb.verifyingAlias" class="loader"><span class="fa fa-circle-o-notch fa-spin"></span></div>
                            </div>
                            <div class="form-group aliasContainer" style="margin-bottom: 0" v-else>
                                <input v-input type="text" v-model="webHostedOb.subdomain" class="form-control input-sm" style="xwidth: 150px;" align="" v-on:keyup.enter.prevent="exportWebHosted(webHostedOb)" v-bind:disabled="!isHostedBookTrial&&!canHostBook" v-bind:placeholder="'subdomain'|t(data.lc)"
                                    v-on:keyup="verifyAliasAvailable(webHostedOb, 'book')">
                                <div v-if="webHostedOb.verifyingAlias" class="loader"><span class="fa fa-circle-o-notch fa-spin"></span></div>
                            </div>

<div class="alignCenter">
                                <div v-if="webHostedOb.aliasAvailable && !webHostedOb.verifying" class="aliasResult inlineBlock vAlignCenter"><span class="label label-success">{{'available'|t(data.lc)}}</span></div>
                                <div v-if="webHostedOb.aliasUnavailable && !webHostedOb.verifying" class="aliasResult inlineBlock vAlignCenter"><span class="label label-danger">{{'notAvailable'|t(data.lc)}}</span></div>
                            </div>

<p class="alignCenter">
                                <button v-on:click="manageHostedBooks()" class="btn btn-xs btn-link" v-if="canHostBook">
                            <span class="fa fa-share"></span> {{'manageHostedBooks'|t(data.lc)}}
                        </button>
                            </p>

<reader-ver-input v-model="webHostedOb.ver"></reader-ver-input>
                        </div>
                        <div class="footer">
                            <div class="alignRight" v-if="isHostedBookTrial&&!canHostBook">
                                <div class="label label-success trialLabel">{{'trialMode'|t(data.lc)}}</div>
                            </div>
                            
                            <div class="form-group-chkbox">
                                <input v-input type="checkbox" id="optimizeChkbox9" v-model="webHostedOb.optimize">
                                <div class="btn-group">
                                    <label for="optimizeChkbox9" class="btn btn-xs btn-default">
                                <span class="glyphicon glyphicon-ok"></span>
                                <span> </span>
                            </label>
                                    <label for="optimizeChkbox9" class="btn btn-xs btn-default" v-bind:class="[webHostedOb.optimize?'active':'']">
                                {{'pdfOptimize'|t(data.lc)}}
                            </label>
                                </div>
                                <button class="btn btn-link btn-xs i" type="button" v-popover v-bind:data-content="'exportOptimizeDesc'|t(data.lc)">
                            <span class="fa fa-info-circle"></span>
                        </button>
                            </div>
                            <perm-upgrade-btn perm="canHostBook" trial="hostedBookTrial" v-on:click="exportWebHosted(webHostedOb)">
                                <span class="fa fa-cloud-upload"></span> {{'upload'|t(data.lc)}}
                            </perm-upgrade-btn>
                        </div>
                    </div>
                </div>

</div>

<h4>{{'lmsHeading'|t(data.lc)}}</h4>

<div class="exportItem lms col-xs-3">
                    <div class="thumbnail">
                        <div class="caption">
                            <h3><span class="fa fa-globe"></span> {{'_scorm12'|t(data.lc)}}</h3>

<p class="desc">{{'scorm12Desc'|t(data.lc)}}</p>

<div class="form-group">
                                <label>{{'courseTitle'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm12Ob.title">
                            </div>
                            <div class="form-group">
                                <label>{{'uniqueId'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm12Ob.id">
                            </div>
                            <div class="form-group">
                                <label>{{'version'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm12Ob.version">
                            </div>
                            <reader-ver-input v-model="scorm12Ob.ver"></reader-ver-input>
                        </div>

<div class="footer">
                            
                            <div class="form-group-chkbox" v-if="canExportLMS">
                                <input v-input type="checkbox" id="optimizeChkbox10" v-model="scorm12Ob.optimize">
                                <div class="btn-group">
                                    <label for="optimizeChkbox10" class="btn btn-xs btn-default">
                                <span class="glyphicon glyphicon-ok"></span>
                                <span> </span>
                            </label>
                                    <label for="optimizeChkbox10" class="btn btn-xs btn-default" v-bind:class="[scorm12Ob.optimize?'active':'']">
                                {{'pdfOptimize'|t(data.lc)}}
                            </label>
                                </div>
                                <button class="btn btn-link btn-xs i" type="button" v-popover v-bind:data-content="'exportOptimizeDesc'|t(data.lc)">
                            <span class="fa fa-info-circle"></span>
                        </button>
                            </div>
                            <div v-if="!canExportLMS">
                                <button class="btn btn-default btn-sm btn-block" type="button" v-on:click="downloadScorm12Sample()">
                            <span class="fa fa-download"></span> {{'downloadSample'|t(data.lc)}}
                        </button>
                                <div class="vSpace5"></div>
                            </div>
                            <perm-upgrade-btn is-free="false" perm="canExportLMS" v-on:click="exportScorm12(scorm12Ob)">
                                <span class="fa fa-gear"></span> {{'create'|t(data.lc)}}</a>
                            </perm-upgrade-btn>
                        </div>
                    </div>
                </div>

<div class="exportItem lms col-xs-3">
                    <div class="thumbnail">
                        <div class="caption">
                            <h3><span class="fa fa-globe"></span> {{'_scorm13'|t(data.lc)}}</h3>

<p class="desc">{{'scorm13Desc'|t(data.lc)}}</p>

<div class="form-group">
                                <label>{{'courseTitle'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm13Ob.title">
                            </div>
                            <div class="form-group">
                                <label>{{'uniqueId'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm13Ob.id">
                            </div>
                            <div class="form-group">
                                <label>{{'version'|t(data.lc)}}</label>
                                <input v-input class="form-control input-sm" type="text" v-model="scorm13Ob.version">
                            </div>
                            <reader-ver-input v-model="scorm13Ob.ver"></reader-ver-input>
                        </div>

<div class="footer">
                            
                            <div class="form-group-chkbox" v-if="canExportLMS">
                                <input v-input type="checkbox" id="optimizeChkbox11" v-model="scorm13Ob.optimize">
                                <div class="btn-group">
                                    <label for="optimizeChkbox11" class="btn btn-xs btn-default">
                                <span class="glyphicon glyphicon-ok"></span>
                                <span> </span>
                            </label>
                                    <label for="optimizeChkbox11" class="btn btn-xs btn-default" v-bind:class="[scorm13Ob.optimize?'active':'']">
                                {{'pdfOptimize'|t(data.lc)}}
                            </label>
                                </div>
                                <button class="btn btn-link btn-xs i" type="button" v-popover v-bind:data-content="'exportOptimizeDesc'|t(data.lc)">
                            <span class="fa fa-info-circle"></span>
                        </button>
                            </div>
                            <div v-if="!canExportLMS">
                                <button class="btn btn-default btn-sm btn-block" type="button" v-on:click="downloadScorm13Sample()">
                            <span class="fa fa-download"></span> {{'downloadSample'|t(data.lc)}}
                        </button>
                                <div class="vSpace5"></div>
                            </div>
                            <perm-upgrade-btn is-free="false" perm="canExportLMS" v-on:click="exportScorm13(scorm13Ob)">
                                <span class="fa fa-gear"></span> {{'create'|t(data.lc)}}</a>
                            </perm-upgrade-btn>
                        </div>
                    </div>
                </div>

<div class="exportItem lms col-xs-3">
                    <div class="thumbnail">
                        <div class="caption">
                            <h3><span class="fa fa-globe"></span> {{'_tinCan'|t(data.lc)}}</h3>

<p class="desc">{{'tinCanDesc'|t(data.lc)}}</p>

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

</div>

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

{{'exportStandard'|t(data.lc)}}

{{'exportWeb'|t(data.lc)}}

{{'exportDesktop'|t(data.lc)}}

{{'exportNative'|t(data.lc)}}

{{'exportLms'|t(data.lc)}}

{{'exportHost'|t(data.lc)}}

{{'exportToLib'|t(data.lc)}}

{{'standardsHeading'|t(data.lc)}}

EPUB

EPUB {{'encrypted'|t(data.lc)}}

Kindle

PDF

Word Doc

{{'webHeading'|t(data.lc)}}

{{'webApp'|t(data.lc)}}

{{'desktopHeading'|t(data.lc)}}

{{'appInfo'|t(data.lc)}}

Windows

Macintosh

Chrome App