Kolpack-Software-Consulting/LeafWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migrate to bootstrap 4 in LeafWeb

Browse Source
This commit is contained in:
James Kolpack
2019-12-06 22:29:15 -05:00
parent f9a452045f
commit 88469b19be
248 changed files with 20293 additions and 21639 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebCms/Views/LeafInput/Create.cshtml
+28 -25
View File
@@ -11,19 +11,21 @@
Html.RequiresJs("~/scripts/LeafInputCreate.js", 3);
}
<div class="container">
<div class="container-lg">
<div class="row">
<div class="col-md-7 well">
<div class="col-md-12 card card-body bg-light">
@Html.Partial("_ValidationSummary")
<form id="fileupload" action="/Backload/FileHandler" method="POST" enctype="multipart/form-data">
<label class="control-label">Files</label>
<h4 class="card-title">Files</h4>
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="row fileupload-buttonbar">
<div class="col-lg-5">
<div class="form-row fileupload-buttonbar">
<div class="form-group col">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-default fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span class="btn btn-sm btn-outline-secondary fileinput-button">
<i class="fa fa-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
</span>
@@ -31,19 +33,19 @@
<!-- The global file processing state -->
<span class="fileupload-process"></span>
</div>
<div class="col-lg-6 pull-right">
<span class="pull-right" style="margin-left: 10px;"> Select all <input type="checkbox" class="toggle"></span>
<button type="button" class="btn btn-default delete pull-right">
<i class="glyphicon glyphicon-trash"></i>
<div class="form-group col-sm-4 pull-right">
<span class="pull-right" style="margin-left: 10px"> Select all <input type="checkbox" class="toggle"></span>
<button type="button" class="btn btn-sm btn-outline-secondary delete pull-right">
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
</div>
<!-- The global progress state -->
<div class="col-lg-12 fileupload-progress fade">
<div class="col-md-12 fileupload-progress fade">
<!-- The global progress bar -->
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-success" style="width: 0%;"></div>
<div class="progress progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-success" style="width: 0%;"></div>
</div>
<!-- The extended global progress state -->
@*<div class="progress-extended">&nbsp;</div>*@
@@ -51,7 +53,9 @@
</div>
@Html.Partial("_ValidationField", "Files")
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped panel panel-default"><tbody class="files"></tbody></table>
<div class="table-responsive">
<table role="presentation" class="table table-sm table-striped"><tbody class="files"></tbody></table>
</div>
</form>
@using (Html.BeginUmbracoForm<LeafInputController>("Submit", null, new {id = "create"}))
@@ -63,7 +67,7 @@
@Html.EditorFor(m => m.Email)
@Html.EditorFor(m => m.EmailConfirm)
@Html.EditorFor(m => m.TermsOfService)
<input type="submit" id="submit-form" class="hidden"/>
<input type="submit" id="submit-form" class="d-none"/>
}
<label for="submit-form" class="btn btn-primary pull-right">Submit...</label>
</div>
@@ -86,14 +90,14 @@
</td>
<td>
{% if (!i && !o.options.autoUpload) { %}
<button class="btn btn-xs btn-primary start" disabled>
<i class="glyphicon glyphicon-upload"></i>
<button class="btn btn-sm btn-primary start" disabled>
<i class="fa fa-upload"></i>
<span>Start</span>
</button>
{% } %}
{% if (!i) { %}
<button class="btn btn-xs btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<button class="btn btn-sm btn-warning cancel">
<i class="fa fa-ban"></i>
<span>Cancel</span>
</button>
{% } %}
@@ -124,14 +128,14 @@
</td>
<td>
{% if (file.deleteUrl) { %}
<button class="btn btn-xs btn-default delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}" {% if (file.deletewithcredentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>
<i class="glyphicon glyphicon-trash"></i>
<button class="btn btn-sm btn-outline-secondary delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}" {% if (file.deletewithcredentials) { %} data-xhr-fields='{"withCredentials":true}' {% } %}>
<i class="fa fa-trash"></i>
<span>Delete</span>
</button>
<input type="checkbox" name="delete" value="1" class="toggle">
{% } else { %}
<button class="btn btn-xs btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<button class="btn btn-sm btn-warning cancel">
<i class="fa fa-ban"></i>
<span>Cancel</span>
</button>
{% } %}
@@ -139,5 +143,4 @@
</tr>
{% } %}
</script>