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"> <form autocomplete="off" id="FilterForm">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["Project"].Value</div> <div class="input-group-text">@L["Project"].Value</div>
<input type="text" <input type="text"
id="ProjectId" id="ProjectId"
name="ProjectId" name="ProjectId"
class="form-control me-sm-2"> class="form-control me-sm-2">
</div> </div>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["Name"].Value</div> <div class="input-group-text">@L["Name"].Value</div>
<input type="text" <input type="text"
id="Name" id="Name"
name="Name" name="Name"
class="form-control me-sm-2"> class="form-control me-sm-2">
</div> </div>
</div> </div>
@ -61,112 +61,120 @@
<div class="input-group-text">@L["Version"].Value</div> <div class="input-group-text">@L["Version"].Value</div>
<input type="text" <input type="text"
id="Version" id="Version"
name="Version" name="Version"
class="form-control me-sm-2"> class="form-control me-sm-2">
</div> </div>
</div> </div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["LanguageCode"].Value</div> <div class="input-group-text">@L["LanguageCode"].Value</div>
<input type="text" <input type="text"
id="LanguageCode" id="LanguageCode"
name="LanguageCode" name="LanguageCode"
class="form-control me-sm-2"> class="form-control me-sm-2">
</div> </div>
</div> </div>
<div class="col-auto"> <abp-row class="mt-3 mb-3">
<div class="input-group mb-2"> <abp-column size-md="_12">
<div class="input-group-text">@L["Format"].Value</div> <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" id="Format"
name="Format" name="Format"
class="form-control me-sm-2"> class="form-control me-sm-2">
</div>
</div> </div>
</div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["CreationTime"].Value</div> <div class="input-group-text">@L["CreationTime"].Value</div>
<span> <span>
<input type="date" <input type="date"
id="CreationTimeMin" id="CreationTimeMin"
name="CreationTimeMin" name="CreationTimeMin"
class="form-control datepicker" class="form-control datepicker"
placeholder="@L["StartDate"].Value"> placeholder="@L["StartDate"].Value">
<span>-</span> <span>-</span>
<input type="date" <input type="date"
id="CreationTimeMax" id="CreationTimeMax"
name="CreationTimeMax" name="CreationTimeMax"
placeholder="@L["EndDate"].Value" placeholder="@L["EndDate"].Value"
class="form-control datepicker"> class="form-control datepicker">
</span> </span>
</div>
</div> </div>
</div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["LastUpdateTime"].Value</div> <div class="input-group-text">@L["LastUpdateTime"].Value</div>
<span> <span>
<input type="date" <input type="date"
id="LastUpdatedTimeMin" id="LastUpdatedTimeMin"
name="LastUpdatedTimeMin" name="LastUpdatedTimeMin"
class="form-control datepicker" class="form-control datepicker"
placeholder="@L["StartDate"].Value"> placeholder="@L["StartDate"].Value">
<span>-</span> <span>-</span>
<input type="date" <input type="date"
id="LastUpdatedTimeMax" id="LastUpdatedTimeMax"
name="LastUpdatedTimeMax" name="LastUpdatedTimeMax"
placeholder="@L["EndDate"].Value" placeholder="@L["EndDate"].Value"
class="form-control datepicker"> class="form-control datepicker">
</span> </span>
</div>
</div> </div>
</div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div> <div class="input-group-text">@L["LastSignificantUpdateTime"].Value</div>
<span> <span>
<input type="date" <input type="date"
id="LastSignificantUpdateTimeMin" id="LastSignificantUpdateTimeMin"
name="LastSignificantUpdateTimeMin" name="LastSignificantUpdateTimeMin"
class="form-control datepicker" class="form-control datepicker"
placeholder="@L["StartDate"].Value"> placeholder="@L["StartDate"].Value">
<span>-</span> <span>-</span>
<input type="date" <input type="date"
id="LastSignificantUpdateTimeMax" id="LastSignificantUpdateTimeMax"
name="LastSignificantUpdateTimeMax" name="LastSignificantUpdateTimeMax"
placeholder="@L["EndDate"].Value" placeholder="@L["EndDate"].Value"
class="form-control datepicker"> class="form-control datepicker">
</span> </span>
</div>
</div> </div>
</div>
<div class="col-auto"> <div class="col-auto">
<div class="input-group mb-2"> <div class="input-group mb-2">
<div class="input-group-text">@L["LastCachedTime"].Value</div> <div class="input-group-text">@L["LastCachedTime"].Value</div>
<span> <span>
<input type="date" <input type="date"
id="LastCachedTimeMin" id="LastCachedTimeMin"
name="LastCachedTimeMin" name="LastCachedTimeMin"
class="form-control datepicker" class="form-control datepicker"
placeholder="@L["StartDate"].Value"> placeholder="@L["StartDate"].Value">
<span>-</span> <span>-</span>
<input type="date" <input type="date"
id="LastCachedTimeMax" id="LastCachedTimeMax"
name="LastCachedTimeMax" name="LastCachedTimeMax"
placeholder="@L["EndDate"].Value" placeholder="@L["EndDate"].Value"
class="form-control datepicker"> class="form-control datepicker">
</span> </span>
</div>
</div> </div>
</div> </abp-row>
<div class="col-auto"> <div class="col-auto">
<abp-button button-type="Primary" icon="search" id="SearchButton" style="line-height: 25px;" text="@L["Search"].Value"></abp-button> <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(); e.preventDefault();
dataTable.ajax.reload(); dataTable.ajax.reload();
}); });
$("#AdvancedFilterSectionToggler").click(function (e) {
$("#AdvancedFilterSection").toggle();
});
}); });

Loading…
Cancel
Save