|
1 |
| -@using Abp.MultiTenancy |
| 1 | +@using Abp.Authorization.Users |
| 2 | +@using Abp.MultiTenancy |
2 | 3 | @using AbpCompanyName.AbpProjectName.MultiTenancy
|
3 | 4 | @using AbpCompanyName.AbpProjectName.Web.Startup
|
4 | 5 | @model Abp.Application.Services.Dto.ListResultDto<AbpCompanyName.AbpProjectName.MultiTenancy.Dto.TenantListDto>
|
|
15 | 16 | <script src="~/view-resources/Views/Tenants/Index.min.js" asp-append-version="true"></script>
|
16 | 17 | </environment>
|
17 | 18 | }
|
18 |
| -<div> |
19 |
| - <h1>@L("Tenants")</h1> |
20 |
| - <div class="row"> |
21 |
| - <div class="col-md-12"> |
22 |
| - <button data-toggle="modal" data-target="#TenantCreateModal" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> @L("CreateNewTenant")</button> |
23 |
| - <table class="table"> |
24 |
| - <thead> |
25 |
| - <tr> |
26 |
| - <th>@L("TenancyName")</th> |
27 |
| - <th>@L("Name")</th> |
28 |
| - </tr> |
29 |
| - </thead> |
30 |
| - <tbody> |
31 |
| - @foreach (var tenant in Model.Items) |
32 |
| - { |
| 19 | + |
| 20 | +<div class="row clearfix"> |
| 21 | + <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
| 22 | + <div class="card"> |
| 23 | + <div class="header"> |
| 24 | + <h2> |
| 25 | + @L("Tenants") |
| 26 | + </h2> |
| 27 | + <ul class="header-dropdown m-r--5"> |
| 28 | + <li class="dropdown"> |
| 29 | + <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> |
| 30 | + <i class="material-icons">more_vert</i> |
| 31 | + </a> |
| 32 | + <ul class="dropdown-menu pull-right"> |
| 33 | + <li><a href="javascript:void(0);" class=" waves-effect waves-block">Action</a></li> |
| 34 | + <li><a href="javascript:void(0);" class=" waves-effect waves-block">Another action</a></li> |
| 35 | + <li><a href="javascript:void(0);" class=" waves-effect waves-block">Something else here</a></li> |
| 36 | + </ul> |
| 37 | + </li> |
| 38 | + </ul> |
| 39 | + </div> |
| 40 | + <div class="body table-responsive"> |
| 41 | + <table class="table"> |
| 42 | + <thead> |
33 | 43 | <tr>
|
34 |
| - <td>@tenant.TenancyName</td> |
35 |
| - <td>@tenant.Name</td> |
| 44 | + <th>@L("TenancyName")</th> |
| 45 | + <th>@L("Name")</th> |
36 | 46 | </tr>
|
37 |
| - } |
38 |
| - </tbody> |
39 |
| - </table> |
| 47 | + </thead> |
| 48 | + <tbody> |
| 49 | + @foreach (var tenant in Model.Items) |
| 50 | + { |
| 51 | + <tr> |
| 52 | + <td>@tenant.TenancyName</td> |
| 53 | + <td>@tenant.Name</td> |
| 54 | + </tr> |
| 55 | + } |
| 56 | + </tbody> |
| 57 | + </table> |
| 58 | + <button type="button" class="btn btn-primary btn-circle waves-effect waves-circle waves-float pull-right" data-toggle="modal" data-target="#TenantCreateModal"> |
| 59 | + <i class="material-icons">add</i> |
| 60 | + </button> |
| 61 | + </div> |
40 | 62 | </div>
|
41 | 63 | </div>
|
42 | 64 | </div>
|
| 65 | + |
43 | 66 | <div class="modal fade" id="TenantCreateModal" tabindex="-1" role="dialog" aria-labelledby="TenantCreateModalLabel" data-backdrop="static">
|
44 | 67 | <div class="modal-dialog" role="document">
|
45 | 68 | <div class="modal-content">
|
|
50 | 73 | </h4>
|
51 | 74 | </div>
|
52 | 75 | <div class="modal-body">
|
53 |
| - <div class="form-group"> |
54 |
| - <label>@L("TenancyName")</label> |
55 |
| - <input class="form-control" type="text" name="TenancyName" required maxlength="@Tenant.MaxTenancyNameLength" minlength="2"> |
| 76 | + <div class="form-group form-float"> |
| 77 | + <div class="form-line"> |
| 78 | + <input class="form-control" type="text" name="TenancyName" required maxlength="@AbpTenantBase.MaxTenancyNameLength" minlength="2"> |
| 79 | + <label class="form-label">@L("TenancyName")</label> |
| 80 | + </div> |
56 | 81 | </div>
|
57 |
| - <div class="form-group"> |
58 |
| - <label>@L("Name")</label> |
59 |
| - <input type="text" name="Name" class="form-control" required maxlength="@Tenant.MaxNameLength"> |
| 82 | + <div class="form-group form-float"> |
| 83 | + <div class="form-line"> |
| 84 | + <input type="text" name="Name" class="form-control" required maxlength="@Tenant.MaxNameLength"> |
| 85 | + <label class="form-label">@L("Name")</label> |
| 86 | + </div> |
60 | 87 | </div>
|
61 |
| - <div class="form-group"> |
62 |
| - <label>@L("DatabaseConnectionString") (@L("Optional"))</label> |
63 |
| - <input type="text" name="ConnectionString" class="form-control" maxlength="@AbpTenantBase.MaxConnectionStringLength"> |
| 88 | + <div class="form-group form-float"> |
| 89 | + <div class="form-line"> |
| 90 | + <input type="text" name="ConnectionString" class="form-control" maxlength="@AbpTenantBase.MaxConnectionStringLength"> |
| 91 | + <label class="form-label">@L("DatabaseConnectionString") (@L("Optional"))</label> |
| 92 | + </div> |
64 | 93 | </div>
|
65 |
| - <div class="form-group"> |
66 |
| - <label>@L("AdminEmailAddress")</label> |
67 |
| - <input type="email" name="AdminEmailAddress" class="form-control" required maxlength="@AbpCompanyName.AbpProjectName.Authorization.Users.User.MaxEmailAddressLength"> |
| 94 | + <div class="form-group form-float"> |
| 95 | + <div class="form-line"> |
| 96 | + <input type="email" name="AdminEmailAddress" class="form-control" required maxlength="@AbpUserBase.MaxEmailAddressLength"> |
| 97 | + <label class="form-label">@L("AdminEmailAddress")</label> |
| 98 | + </div> |
68 | 99 | </div>
|
69 | 100 | <p>@L("DefaultPasswordIs", AbpCompanyName.AbpProjectName.Authorization.Users.User.DefaultPassword)</p>
|
70 | 101 | </div>
|
71 | 102 | <div class="modal-footer">
|
72 |
| - <button type="button" class="btn btn-default" data-dismiss="modal">@L("Cancel")</button> |
73 |
| - <button type="submit" class="btn btn-primary blue"><i class="fa fa-save"></i> <span>@L("Save")</span></button> |
| 103 | + <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">@L("Cancel")</button> |
| 104 | + <button type="submit" class="btn btn-primary waves-effect">@L("Save")</button> |
74 | 105 | </div>
|
75 | 106 | </form>
|
76 | 107 | </div>
|
|
0 commit comments