<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="jdl 编辑器">
<meta name="authors" content="Deepu KS">
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#282C34">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#282C34">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#282C34">
<title>JDL-Studio</title>
<link rel="stylesheet" href="main-5ecfae8f8d.css">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body ng-app="jdlStudio" ng-controller="workspaceController as app" ng-cloak>
<div class="wrap">
<header>
<div class="tools left">
<a href="https://www.jhipster.tech/" title="JHipster website" target="_blank">
<img class="jhi-logo" src="img/logo-jhipster.png">
</a>
<a class="logo" href="javascript:void(0)" ng-click="app.toggleSidebar('about')" title="About JDL-Studio">
<h1>JDL-Studio</h1>
</a>
</div>
<div class="tools">
<a href="javascript:void(0)" title="Logged in as" ng-show="app.authenticated">
{{app.username}}
</a>
<a href="javascript:void(0)" title="Use existing JDL" ng-show="app.authenticated">
<select ng-model="app.jdlId" ng-change="app.changeJdl()">
<option value=""><Create new JDL Model></option>
<option ng-repeat="option in app.jdls" ng-value="option.id">{{option.name}}</option>
</select>
</a>
<a href="javascript:void(0)" title="Save JDL" ng-click="app.confirmCreateNewJdl()" ng-show="app.authenticated && !app.startLoadingFlag">
<i class="lnr lnr-file-add"></i>
</a>
<a ng-show="app.authenticated && app.startLoadingFlag">
<i class="lnr lnr-sync"></i>
</a>
<a href="javascript:void(0)" ng-click="app.goToManageJdls()" title="Manage JDLs" ng-show="app.authenticated">
<i class="lnr lnr-cog"></i>
</a>
<a href="javascript:void(0)" ng-click="app.toggleSidebar('about')" title="关于 JDL-Studio">
<i class="lnr lnr-question-circle"></i>
</a>
<a href="javascript:void(0)" ng-click="app.toggleSidebar('reference')" title="Language reference">
<i class="lnr lnr-book"></i>
</a>
<a id="savebutton" href="javascript:void(0)" download="jdl.png" title="下载当前图片">
<i class="lnr lnr-camera"></i>
</a>
<a id="saveTextbutton" href="javascript:void(0)" download="jdl.jh" title="下载jdl文件">
<i class="lnr lnr-download"></i>
</a>
<a id="uploadbutton" class="upload-dialog" href="#upload-dialog" title="导入jdl文件">
<i class="lnr lnr-upload"></i>
</a>
<a href="javascript:void(0)" ng-click="app.confirmDiscardCurrentGraph()" title="关闭jdl文件">
<i class="lnr lnr-trash"></i>
</a>
<span id="tooltip"></span>
<span id="storage-status" ng-show="app.showStorageStatus" ng-cloak>
View mode, 修改没有保存.
<a href="javascript:void(0)" ng-click="app.saveViewModeToStorage()"
title="Save this diagram to localStorage">save</a>
<a href="javascript:void(0)" ng-click="app.exitViewMode()"
title="Discard this diagram">close</a>
</span>
<div class="canvas-tools" id="canvas-tools">
<a href="javascript:void(0)" ng-click="app.magnifyViewport(2)" title="Zoom in">
<i class="lnr lnr-plus-circle"></i>
</a>
<a href="javascript:void(0)" ng-click="app.resetViewport()" title="Reset zoom and panning">
<i class="lnr lnr-frame-contract"></i>
</a>
<a href="javascript:void(0)" ng-click="app.magnifyViewport(-2)" title="Zoom out">
<i class="lnr lnr-circle-minus"></i>
</a>
</div>
</div>
</header>
<!-- canvas holding the UML diagram-->
<canvas id="canvas"></canvas>
<!-- Text area used by code mirror editor-->
<textarea id="textarea" jdl-editor="{ onLoad : app.editorLoaded }" ng-model="app.jdlText" spellcheck="false"></textarea>
<!-- editor line number, error markers-->
<div id="linenumbers" ng-class="{error: app.hasError}"></div>
<div id="linemarker" ng-style="{'top': app.lineMarkerTop}"></div>
<span id="error-tooltip" ng-cloak>{{ app.errorTooltip }}</span>
<!-- canvas pan/zomm handler-->
<div id="canvas-panner"></div>
<!-- sidebar -->
<div ng-include="app.sidebar" id="sidebar" class="sidebar {{app.sidebarVisible}}"></div>
</div>
<div id="discard-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
<h1>Discard</h1>
<p>Do you want to discard current diagram and load the default example?</p>
<button class="btn" ng-click="app.discardCurrentGraph()">Yes</button>
<button class="btn" ng-click="app.dismissDialog()">No</button>
</div>
<div id="upload-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
<h1>Import JDL</h1>
<p>Select a
<code>.jh</code> or
<code>.txt</code> file
</p>
<input class="upload" accept=".jh,.txt" type="file" id="jdlFileInput" />
<br>
<button class="btn" ng-click="app.importJDL()">Import</button>
<button class="btn" ng-click="app.dismissDialog()">Dismiss</button>
</div>
<div id="create-dialog" class="mag-dialog zoom-anim-dialog mfp-hide">
<h1>Save a new JDL Model</h1>
<p>Please give a name to your new JDL Model:</p>
<p>
<input type="text" ng-model="app.newJdlModelName" minlength="1" value="" placeholder="New JDL Model"/>
<br>
</p>
<button class="btn" ng-click="app.doCreateJdl()">Save</button>
<button class="btn" ng-click="app.dismissCreateNewJdl()">Cancel</button>
</div>
<script>
// temp hack to use jdl parser from jhipster-core
var module = module || {};
</script>
<script src="main-9bbe4e5d65.js"></script>
</body>
</html>
