Browse Source

Added Advanced filters

pull/13566/head
malik masis 4 years ago
parent
commit
c2bcdf14b3
  1. 120
      modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml
  2. 4
      modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js

120
modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/Index.cshtml

@ -33,26 +33,26 @@
<form autocomplete="off" id="FilterForm">
<div class="row">
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["Project"].Value</div>
<input type="text"
id="ProjectId"
name="ProjectId"
class="form-control me-sm-2">
id="ProjectId"
name="ProjectId"
class="form-control me-sm-2">
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["Name"].Value</div>
<input type="text"
id="Name"
name="Name"
class="form-control me-sm-2">
id="Name"
name="Name"
class="form-control me-sm-2">
</div>
</div>
@ -61,112 +61,120 @@
<div class="input-group-text">@L["Version"].Value</div>
<input type="text"
id="Version"
name="Version"
class="form-control me-sm-2">
id="Version"
name="Version"
class="form-control me-sm-2">
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LanguageCode"].Value</div>
<input type="text"
id="LanguageCode"
name="LanguageCode"
class="form-control me-sm-2">
id="LanguageCode"
name="LanguageCode"
class="form-control me-sm-2">
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["Format"].Value</div>
<abp-row class="mt-3 mb-3">
<abp-column size-md="_12">
<a href="javascript:;" id="AdvancedFilterSectionToggler" class="text-decoration-none">@L["SeeAdvancedFilters"]</a>
</abp-column>
</abp-row>
<abp-row id="AdvancedFilterSection" style="display: none;">
<input type="text"
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["Format"].Value</div>
<input type="text"
id="Format"
name="Format"
class="form-control me-sm-2">
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["CreationTime"].Value</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["CreationTime"].Value</div>
<span>
<input type="date"
<span>
<input type="date"
id="CreationTimeMin"
name="CreationTimeMin"
class="form-control datepicker"
placeholder="@L["StartDate"].Value">
<span>-</span>
<input type="date"
<span>-</span>
<input type="date"
id="CreationTimeMax"
name="CreationTimeMax"
placeholder="@L["EndDate"].Value"
class="form-control datepicker">
</span>
</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastUpdateTime"].Value</div>
<span>
<input type="date"
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastUpdateTime"].Value</div>
<span>
<input type="date"
id="LastUpdatedTimeMin"
name="LastUpdatedTimeMin"
class="form-control datepicker"
placeholder="@L["StartDate"].Value">
<span>-</span>
<input type="date"
<span>-</span>
<input type="date"
id="LastUpdatedTimeMax"
name="LastUpdatedTimeMax"
placeholder="@L["EndDate"].Value"
class="form-control datepicker">
</span>
</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div>
<span>
<input type="date"
<span>
<input type="date"
id="LastSignificantUpdateTimeMin"
name="LastSignificantUpdateTimeMin"
class="form-control datepicker"
placeholder="@L["StartDate"].Value">
<span>-</span>
<input type="date"
<span>-</span>
<input type="date"
id="LastSignificantUpdateTimeMax"
name="LastSignificantUpdateTimeMax"
placeholder="@L["EndDate"].Value"
class="form-control datepicker">
</span>
</span>
</div>
</div>
</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastCachedTime"].Value</div>
<div class="col-auto">
<div class="input-group mb-2">
<div class="input-group-text">@L["LastCachedTime"].Value</div>
<span>
<input type="date"
<span>
<input type="date"
id="LastCachedTimeMin"
name="LastCachedTimeMin"
class="form-control datepicker"
placeholder="@L["StartDate"].Value">
<span>-</span>
<input type="date"
<span>-</span>
<input type="date"
id="LastCachedTimeMax"
name="LastCachedTimeMax"
placeholder="@L["EndDate"].Value"
class="form-control datepicker">
</span>
</span>
</div>
</div>
</div>
</abp-row>
<div class="col-auto">
<abp-button button-type="Primary" icon="search" id="SearchButton" style="line-height: 25px;" text="@L["Search"].Value"></abp-button>

4
modules/docs/src/Volo.Docs.Admin.Web/Pages/Docs/Admin/Documents/index.js

@ -157,4 +157,8 @@ $(function () {
e.preventDefault();
dataTable.ajax.reload();
});
$("#AdvancedFilterSectionToggler").click(function (e) {
$("#AdvancedFilterSection").toggle();
});
});

Loading…
Cancel
Save