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

Auto complete for FluxnetSite

Browse Source
This commit is contained in:
James Kolpack
2016-02-01 10:39:43 -05:00
parent c5fcb8d635
commit 8f0f0ff1b8
12 changed files with 1096 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/Views/LeafInput/Index.cshtml
+18 -11
View File
@@ -10,26 +10,24 @@
}
<div class="row">
<div class="col-md-5 well">
@using (Html.BeginForm("Index", "LeafInput", FormMethod.Post, new { @class = "form-horizontal ", enctype = "multipart/form-data" }))
<div class="col-md-6 well">
@using (Html.BeginForm("Index", "LeafInput", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.Partial("_ValidationSummary")
<fieldset>
@Html.EditorFor(m => m.Name)
@Html.EditorFor(m => m.Email)
@Html.EditorFor(m => m.EmailConfirm)
@Html.EditorFor(m => m.Identifier)
@Html.EditorFor(m => m.SiteId)
<input type="submit"/>
</fieldset>
<input type="submit" id="submit-form" class="hidden" />
}
<!-- The file upload form used as target for the file upload widget -->
<form id="fileupload" action="/Backload/FileHandler" method="POST" enctype="multipart/form-data">
<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
<div class="row fileupload-buttonbar">
<div class="col-lg-7">
<div class="col-lg-5">
<!-- The fileinput-button span is used to style the file input field as button -->
<span class="btn btn-default fileinput-button">
<span class="btn btn-default btn-sm fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Add files...</span>
<input type="file" name="files[]" multiple>
@@ -42,7 +40,7 @@
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Cancel upload</span>
</button>*@
<button type="button" class="btn btn-default delete">
<button type="button" class="btn btn-default btn-sm delete">
<i class="glyphicon glyphicon-trash"></i>
<span>Delete</span>
</button>
@@ -51,7 +49,7 @@
<span class="fileupload-process"></span>
</div>
<!-- The global progress state -->
<div class="col-lg-5 fileupload-progress fade">
<div class="col-lg-7 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>
@@ -63,6 +61,7 @@
<!-- The table listing the files available for upload/download -->
<table role="presentation" class="table table-striped panel panel-default"><tbody class="files"></tbody></table>
</form>
<label for="submit-form" class="btn btn-primary">Submit</label>
</div>
</div>
@@ -70,9 +69,9 @@
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade">
<td>
@*<td>
<span class="preview"></span>
</td>
</td>*@
<td>
<p class="name">{%=file.name%}</p>
<strong class="error text-danger"></strong>
@@ -147,9 +146,17 @@
{
<!-- Scripts for the jQquery File Upload Plugin in Basic Plus UI style* -->
@Scripts.Render("~/backload/blueimp/bootstrap/BasicPlusUI")
<!-- jQuery autocomplete* -->
@Scripts.Render("~/bundles/autocomplete")
<!-- The application script -->
<script src="/Scripts/LeafInput.js"></script>
<script type="text/javascript">
initFileUpload("@Session.SessionID");
$('input#SiteId').autocomplete({
serviceUrl: '/FluxnetSite/Autocomplete'
//onSelect: function (suggestion) {
// alert('You selected: ' + suggestion + ', ' + suggestion);
//}
});
</script>
}