You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.6 KiB
113 lines
3.6 KiB
<div id="editor">
|
|
<div id="editor-bar-header">
|
|
<div class="editor-section-bar-header">
|
|
<div class="param-editor">
|
|
<label for="fileInput">
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
<g
|
|
id="SVGRepo_tracerCarrier"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"></g>
|
|
<g id="SVGRepo_iconCarrier">
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M1 5C1 3.34315 2.34315 2 4 2H8.55848C9.84977 2 10.9962 2.82629 11.4045 4.05132L11.7208 5H20C21.1046 5 22 5.89543 22 7V9.00961C23.1475 9.12163 23.9808 10.196 23.7695 11.3578L22.1332 20.3578C21.9603 21.3087 21.132 22 20.1654 22H3C1.89543 22 1 21.1046 1 20V5ZM20 9V7H11.7208C10.8599 7 10.0956 6.44914 9.82339 5.63246L9.50716 4.68377C9.37105 4.27543 8.98891 4 8.55848 4H4C3.44772 4 3 4.44772 3 5V12.2709L3.35429 10.588C3.54913 9.66249 4.36562 9 5.31139 9H20ZM3.36634 20C3.41777 19.9109 3.4562 19.8122 3.47855 19.706L5.31139 11L21 11H21.8018L20.1654 20L3.36634 20Z"
|
|
fill="#000000"></path>
|
|
</g>
|
|
</svg>
|
|
</label>
|
|
<input
|
|
style="display: none"
|
|
type="file"
|
|
id="fileInput"
|
|
(change)="loadFromFile($event)"/>
|
|
</div>
|
|
|
|
<div class="param-editor">
|
|
<button class="button-icon" type="button" (click)="saveToFile()">
|
|
<svg
|
|
width="800px"
|
|
height="800px"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M3 15C3 17.8284 3 19.2426 3.87868 20.1213C4.75736 21 6.17157 21 9 21H15C17.8284 21 19.2426 21 20.1213 20.1213C21 19.2426 21 17.8284 21 15"
|
|
stroke="#1C274C"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"/>
|
|
<path
|
|
d="M12 3V16M12 16L16 11.625M12 16L8 11.625"
|
|
stroke="#1C274C"
|
|
stroke-width="1.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="param-editor">
|
|
<button class="button-icon" type="button" (click)="addToDatabase()">
|
|
ADD BDD
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="editor-section-bar-header">
|
|
@if (errorMessage) {
|
|
<div class="param-editor">
|
|
<p style="color: red">{{ errorMessage }}</p>
|
|
</div>
|
|
}
|
|
|
|
<select id="language" [(ngModel)]="selectedLanguage">
|
|
@for (language of languages; track language.name) {
|
|
<option [ngValue]="language">{{ language.name }}</option>
|
|
}
|
|
</select>
|
|
|
|
<div class="param-editor">
|
|
<button
|
|
class="button-icon button-run"
|
|
type="button"
|
|
(click)="onRunButtonClicked()"
|
|
[disabled]="isLoaded">
|
|
<div>RUN</div>
|
|
<svg
|
|
viewBox="0 0 16 16"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="#000000">
|
|
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
|
|
<g
|
|
id="SVGRepo_tracerCarrier"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"></g>
|
|
<g id="SVGRepo_iconCarrier">
|
|
<path
|
|
d="M2.78 2L2 2.41v12l.78.42 9-6V8l-9-6zM3 13.48V3.35l7.6 5.07L3 13.48z"></path>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M6 14.683l8.78-5.853V8L6 2.147V3.35l7.6 5.07L6 13.48v1.203z"></path>
|
|
</g>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="editor-center">
|
|
<div class="editor-child-element">
|
|
<codemirror6-editor [(ngModel)]="editorContent" [extensions]="extensions">
|
|
</codemirror6-editor>
|
|
</div>
|
|
<div class="editor-child-element">
|
|
<pre id="resultDiv" [innerHTML]="resultContent | safeHTML"></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|