2020-04-17 00:50:23 +02:00
|
|
|
@typeparam CFile
|
|
|
|
|
|
|
|
<div class="filesWithEditor">
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
<div class="filterFiles">
|
|
|
|
<div class="field has-addons">
|
2020-04-18 20:41:46 +02:00
|
|
|
<div class="control has-icons-left is-expanded">
|
|
|
|
<input formnovalidate @oninput="e => SearchInputChanged(e.Value.ToString())" class="input is-rounded is-small" type="text" placeholder="Search...">
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<i class="mdi mdi-search-web"></i>
|
|
|
|
</span>
|
|
|
|
</div>
|
2020-04-17 00:50:23 +02:00
|
|
|
<div class="control has-icons-left">
|
|
|
|
<div class="select is-small is-rounded">
|
|
|
|
<select @onchange="e => OnFilterClick(e.Value.ToString())">
|
|
|
|
@foreach (var filter in Filters)
|
|
|
|
{
|
|
|
|
<option value="@filter">@filter</option>
|
|
|
|
}
|
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
<span class="icon is-small is-left">
|
|
|
|
<i class="mdi mdi-folder-cog-outline"></i>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
<div class="fileTitle">
|
2020-04-20 00:52:36 +02:00
|
|
|
@if (IsAnyFileSelected)
|
|
|
|
{
|
2020-04-22 00:25:21 +02:00
|
|
|
<div class="level">
|
2020-04-20 00:52:36 +02:00
|
|
|
<div class="level-left">
|
|
|
|
<div class="level-item">
|
|
|
|
<p class="subtitle is-5">
|
|
|
|
@SelectedFile.Name
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="level-right">
|
|
|
|
<div class="level-item">
|
2020-04-22 00:25:21 +02:00
|
|
|
<button class="button is-small is-rounded neoBtn" @onclick="OnFileClick">
|
|
|
|
<span class="icon is-medium">
|
|
|
|
<i class="mdi mdi-close"></i>
|
|
|
|
</span>
|
|
|
|
</button>
|
2020-04-20 00:52:36 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-22 00:25:21 +02:00
|
|
|
</div>
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
<p>Select any file to start editing...</p>
|
|
|
|
}
|
|
|
|
</div>
|
2020-04-20 00:52:36 +02:00
|
|
|
|
2020-04-22 19:53:41 +02:00
|
|
|
<div class="files neomorphInsetSmall borderR">
|
|
|
|
<div class="filesList">
|
2020-04-22 00:25:21 +02:00
|
|
|
@foreach (var file in Files)
|
|
|
|
{
|
2020-04-23 01:32:20 +02:00
|
|
|
<div @onclick="e => OnFileClick(e,file)" @key="file" class="confFile borderRSmall isFinger neoFile @file.IsVisible @file.IsSelected">
|
|
|
|
<p class="is-7">@file.Folder</p>
|
|
|
|
<p class="has-text-weight-bold @(file.CanBeDeleted ? null : "has-text-danger")">@file.Name</p>
|
|
|
|
</div>
|
2020-04-22 00:25:21 +02:00
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="codeEditor">
|
2020-04-23 01:32:20 +02:00
|
|
|
<form class="editor">
|
|
|
|
<textarea id="code" name="code"></textarea>
|
|
|
|
</form>
|
2020-04-17 00:50:23 +02:00
|
|
|
</div>
|
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
<div class="filesActions">
|
|
|
|
<div class="buttons is-centered">
|
|
|
|
<button class="button is-rounded neoBtn is-small noBottomMargin" @onclick="OnAddDialog">
|
|
|
|
<span class="icon is-small has-text-success">
|
|
|
|
<i class="mdi mdi-plus-box-outline"></i>
|
|
|
|
</span>
|
|
|
|
<span>Add</span>
|
|
|
|
</button>
|
|
|
|
<button class="button is-rounded neoBtn is-small noBottomMargin @IsSelectedFileDeletable" @onclick="OnDeleteDialog">
|
|
|
|
<span class="icon is-small has-text-danger">
|
|
|
|
<i class="mdi mdi-minus-box-outline"></i>
|
|
|
|
</span>
|
|
|
|
<span>Delete</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-17 00:50:23 +02:00
|
|
|
|
2020-04-22 00:25:21 +02:00
|
|
|
<div class="editorActions">
|
|
|
|
@if (IsAnyFileSelected)
|
|
|
|
{
|
|
|
|
<div class="buttons is-centered">
|
|
|
|
<button class="button is-rounded neoBtn is-small has-icon-left noBottomMargin"><span class="icon is-left has-text-light"><i class="mdi mdi-content-save-outline"></i></span> <span>Save draft</span></button>
|
|
|
|
<button class="button is-rounded neoBtn is-small has-icon-left noBottomMargin"><span class="icon is-left has-text-dark"><i class="mdi mdi-undo-variant"></i></span> <span>Undo changes</span></button>
|
|
|
|
<button class="button is-rounded neoBtn is-small has-icon-left noBottomMargin"><span class="icon is-left has-text-success"><i class="mdi mdi-content-save-all-outline"></i></span> <span>Save</span></button>
|
|
|
|
<button class="button is-rounded neoBtn is-small has-icon-left noBottomMargin"><span class="icon is-left has-text-danger"><i class="mdi mdi-alert-outline"></i></span> <span>Test</span></button>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
else
|
|
|
|
{
|
|
|
|
<span></span>
|
|
|
|
}
|
|
|
|
</div>
|
2020-04-17 00:50:23 +02:00
|
|
|
|
|
|
|
</div>
|
|
|
|
|