Parcourir la source

code cleanup.

master
radivoje.milutinovic il y a 3 ans
Parent
révision
e3ef009b45
45 fichiers modifiés avec 603 ajouts et 441 suppressions
  1. 1
    3
      SecureSharing.Business/Dtos/MessageDto.cs
  2. 0
    1
      SecureSharing.Business/Infrastructure/StartupConfiguration.cs
  3. 1
    3
      SecureSharing.Business/Interfaces/IMessageService.cs
  4. 1
    5
      SecureSharing.Business/Services/MessageService.cs
  5. 1
    3
      SecureSharing.Data/Data/Message.cs
  6. 1
    2
      SecureSharing/Areas/Identity/IdentityHostingStartup.cs
  7. 1
    5
      SecureSharing/Areas/Identity/Pages/Account/Login.cshtml.cs
  8. 1
    7
      SecureSharing/Areas/Identity/Pages/Account/Register.cshtml.cs
  9. 1
    5
      SecureSharing/Areas/Identity/Pages/Account/ResetPassword.cshtml.cs
  10. 1
    3
      SecureSharing/Controllers/HomeController.cs
  11. 1
    2
      SecureSharing/Infrastructure/IModelFactory.cs
  12. 2
    6
      SecureSharing/Infrastructure/Middleware/ExceptionHandlingMiddleware.cs
  13. 1
    3
      SecureSharing/Models/LinkModel.cs
  14. 1
    3
      SecureSharing/Quartz/JobFactory.cs
  15. 1
    3
      SecureSharing/Quartz/JobMetadata.cs
  16. 1
    4
      SecureSharing/Quartz/JobsService.cs
  17. 15
    15
      SecureSharing/SecureSharing.csproj
  18. 2
    1
      SecureSharing/wwwroot/docs/_includes/navbar.html
  19. 2
    1
      SecureSharing/wwwroot/docs/layout.md
  20. 16
    8
      SecureSharing/wwwroot/pages/UI/buttons.html
  21. 15
    7
      SecureSharing/wwwroot/pages/UI/general.html
  22. 138
    69
      SecureSharing/wwwroot/pages/UI/navbar.html
  23. 26
    13
      SecureSharing/wwwroot/pages/UI/sliders.html
  24. 28
    14
      SecureSharing/wwwroot/pages/charts/inline.html
  25. 2
    1
      SecureSharing/wwwroot/pages/examples/e-commerce.html
  26. 2
    1
      SecureSharing/wwwroot/pages/examples/pace.html
  27. 6
    3
      SecureSharing/wwwroot/pages/examples/profile.html
  28. 6
    3
      SecureSharing/wwwroot/pages/examples/project-detail.html
  29. 24
    12
      SecureSharing/wwwroot/pages/forms/advanced.html
  30. 14
    7
      SecureSharing/wwwroot/pages/forms/general.html
  31. 2
    1
      SecureSharing/wwwroot/pages/forms/validation.html
  32. 96
    48
      SecureSharing/wwwroot/pages/gallery.html
  33. 8
    4
      SecureSharing/wwwroot/pages/layout/top-nav-sidebar.html
  34. 8
    4
      SecureSharing/wwwroot/pages/layout/top-nav.html
  35. 4
    2
      SecureSharing/wwwroot/pages/search/enhanced-results.html
  36. 4
    2
      SecureSharing/wwwroot/pages/search/simple-results.html
  37. 8
    4
      SecureSharing/wwwroot/pages/widgets.html
  38. 7
    7
      SecureSharing/wwwroot/plugins/ckeditor/CHANGES.md
  39. 2
    0
      SecureSharing/wwwroot/plugins/ckeditor/plugins/exportpdf/CHANGELOG.md
  40. 2
    1
      SecureSharing/wwwroot/plugins/ckeditor/samples/toolbarconfigurator/index.html
  41. 2
    2
      SecureSharing/wwwroot/plugins/jszip/jszip.js
  42. 148
    150
      SecureSharing/wwwroot/plugins/pdfmake/pdfmake.js
  43. 0
    1
      SecureSharing/wwwroot/plugins/summernote/summernote-bs4.js
  44. 0
    1
      SecureSharing/wwwroot/plugins/summernote/summernote-lite.js
  45. 0
    1
      SecureSharing/wwwroot/plugins/summernote/summernote.js

+ 1
- 3
SecureSharing.Business/Dtos/MessageDto.cs Voir le fichier

using System;

namespace SecureSharing.Business.Dtos;
namespace SecureSharing.Business.Dtos;


public sealed class MessageDto : BaseDto public sealed class MessageDto : BaseDto
{ {

+ 0
- 1
SecureSharing.Business/Infrastructure/StartupConfiguration.cs Voir le fichier

using System;
using Microsoft.Extensions.Configuration; using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection; using Microsoft.Extensions.DependencyInjection;



+ 1
- 3
SecureSharing.Business/Interfaces/IMessageService.cs Voir le fichier

using System.Collections.Generic;
using System.Threading.Tasks;
using SecureSharing.Business.Dtos;
using SecureSharing.Business.Dtos;
using SecureSharing.Business.Infrastructure; using SecureSharing.Business.Infrastructure;


namespace SecureSharing.Business.Interfaces; namespace SecureSharing.Business.Interfaces;

+ 1
- 5
SecureSharing.Business/Services/MessageService.cs Voir le fichier

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using AutoMapper;
using AutoMapper;
using Microsoft.EntityFrameworkCore; using Microsoft.EntityFrameworkCore;
using SecureSharing.Business.Dtos; using SecureSharing.Business.Dtos;
using SecureSharing.Business.Infrastructure; using SecureSharing.Business.Infrastructure;

+ 1
- 3
SecureSharing.Data/Data/Message.cs Voir le fichier

using System;

namespace SecureSharing.Data.Data;
namespace SecureSharing.Data.Data;


public sealed class Message : BaseEntity public sealed class Message : BaseEntity
{ {

+ 1
- 2
SecureSharing/Areas/Identity/IdentityHostingStartup.cs Voir le fichier

using Microsoft.AspNetCore.Hosting;
using SecureSharing.Areas.Identity;
using SecureSharing.Areas.Identity;


[assembly: HostingStartup(typeof(IdentityHostingStartup))] [assembly: HostingStartup(typeof(IdentityHostingStartup))]



+ 1
- 5
SecureSharing/Areas/Identity/Pages/Account/Login.cshtml.cs Voir le fichier

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Threading.Tasks;
using System.ComponentModel.DataAnnotations;
using Microsoft.AspNetCore.Authentication; using Microsoft.AspNetCore.Authentication;
using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Identity; using Microsoft.AspNetCore.Identity;
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages; using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.Extensions.Logging;


namespace SecureSharing.Areas.Identity.Pages.Account; namespace SecureSharing.Areas.Identity.Pages.Account;



+ 1
- 7
SecureSharing/Areas/Identity/Pages/Account/Register.cshtml.cs Voir le fichier

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.ComponentModel.DataAnnotations;
using System.Text; using System.Text;
using System.Text.Encodings.Web; using System.Text.Encodings.Web;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Authentication; using Microsoft.AspNetCore.Authentication;
using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Identity; using Microsoft.AspNetCore.Identity;
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages; using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.WebUtilities; using Microsoft.AspNetCore.WebUtilities;
using Microsoft.Extensions.Logging;


namespace SecureSharing.Areas.Identity.Pages.Account; namespace SecureSharing.Areas.Identity.Pages.Account;


$"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>."); $"Please confirm your account by <a href='{HtmlEncoder.Default.Encode(callbackUrl)}'>clicking here</a>.");


if (_userManager.Options.SignIn.RequireConfirmedAccount) if (_userManager.Options.SignIn.RequireConfirmedAccount)
{
return RedirectToPage("RegisterConfirmation", new { email = Input.Email, returnUrl }); return RedirectToPage("RegisterConfirmation", new { email = Input.Email, returnUrl });
}


await _signInManager.SignInAsync(user, false); await _signInManager.SignInAsync(user, false);
return LocalRedirect(returnUrl); return LocalRedirect(returnUrl);

+ 1
- 5
SecureSharing/Areas/Identity/Pages/Account/ResetPassword.cshtml.cs Voir le fichier

using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Authorization; using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Identity; using Microsoft.AspNetCore.Identity;
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc;


public IActionResult OnGet(string code = null) public IActionResult OnGet(string code = null)
{ {
if (code is null)
{
return BadRequest("A code must be supplied for password reset.");
}
if (code is null) return BadRequest("A code must be supplied for password reset.");


Input = new InputModel Input = new InputModel
{ {

+ 1
- 3
SecureSharing/Controllers/HomeController.cs Voir le fichier

using System.Threading.Tasks;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc; using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Logging;
using SecureSharing.Business.Dtos; using SecureSharing.Business.Dtos;
using SecureSharing.Business.Interfaces; using SecureSharing.Business.Interfaces;
using SecureSharing.Infrastructure; using SecureSharing.Infrastructure;

+ 1
- 2
SecureSharing/Infrastructure/IModelFactory.cs Voir le fichier

using System.Threading.Tasks;
using SecureSharing.Models;
using SecureSharing.Models;


namespace SecureSharing.Infrastructure; namespace SecureSharing.Infrastructure;



+ 2
- 6
SecureSharing/Infrastructure/Middleware/ExceptionHandlingMiddleware.cs Voir le fichier

using System;
using System.Net;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using System.Net;
using Newtonsoft.Json; using Newtonsoft.Json;
using Serilog; using Serilog;




public sealed class ExceptionHandlingMiddleware public sealed class ExceptionHandlingMiddleware
{ {
private IWebHostEnvironment environment;
private readonly RequestDelegate nextRequestDelegate; private readonly RequestDelegate nextRequestDelegate;
private IWebHostEnvironment environment;


public ExceptionHandlingMiddleware( public ExceptionHandlingMiddleware(
RequestDelegate nextRequestDelegate, RequestDelegate nextRequestDelegate,

+ 1
- 3
SecureSharing/Models/LinkModel.cs Voir le fichier

using System;

namespace SecureSharing.Models;
namespace SecureSharing.Models;


public sealed class LinkModel public sealed class LinkModel
{ {

+ 1
- 3
SecureSharing/Quartz/JobFactory.cs Voir le fichier

using System;
using System.Collections.Concurrent;
using Microsoft.Extensions.DependencyInjection;
using System.Collections.Concurrent;
using Quartz; using Quartz;
using Quartz.Spi; using Quartz.Spi;



+ 1
- 3
SecureSharing/Quartz/JobMetadata.cs Voir le fichier

using System;

namespace SecureSharing.Quartz;
namespace SecureSharing.Quartz;


public sealed class JobMetadata public sealed class JobMetadata
{ {

+ 1
- 4
SecureSharing/Quartz/JobsService.cs Voir le fichier

using System.Threading;
using System.Threading.Tasks;
using Microsoft.Extensions.Hosting;
using Quartz;
using Quartz;
using Quartz.Spi; using Quartz.Spi;


namespace SecureSharing.Quartz; namespace SecureSharing.Quartz;

+ 15
- 15
SecureSharing/SecureSharing.csproj Voir le fichier

</PropertyGroup> </PropertyGroup>


<ItemGroup> <ItemGroup>
<PackageReference Include="AutoMapper" Version="11.0.1" />
<PackageReference Include="Microsoft.AspNet.Identity.Core" Version="2.2.3" />
<PackageReference Include="Microsoft.AspNetCore.Authentication.Google" Version="6.0.9" />
<PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="6.0.9" />
<PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="6.0.9" />
<PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="6.0.9" />
<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="6.0.9" />
<PackageReference Include="AutoMapper" Version="11.0.1"/>
<PackageReference Include="Microsoft.AspNet.Identity.Core" Version="2.2.3"/>
<PackageReference Include="Microsoft.AspNetCore.Authentication.Google" Version="6.0.9"/>
<PackageReference Include="Microsoft.AspNetCore.Identity.UI" Version="6.0.9"/>
<PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" Version="6.0.9"/>
<PackageReference Include="Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation" Version="6.0.9"/>
<PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="6.0.9"/>
<PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="6.0.9"> <PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="6.0.9">
<PrivateAssets>all</PrivateAssets> <PrivateAssets>all</PrivateAssets>
<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets> <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
</PackageReference> </PackageReference>
<PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="6.0.9" />
<PackageReference Include="Newtonsoft.Json" Version="13.0.1" />
<PackageReference Include="Quartz" Version="3.5.0" />
<PackageReference Include="Serilog" Version="2.12.0" />
<PackageReference Include="Serilog.AspNetCore" Version="6.0.1" />
<PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="6.0.9"/>
<PackageReference Include="Newtonsoft.Json" Version="13.0.1"/>
<PackageReference Include="Quartz" Version="3.5.0"/>
<PackageReference Include="Serilog" Version="2.12.0"/>
<PackageReference Include="Serilog.AspNetCore" Version="6.0.1"/>
</ItemGroup> </ItemGroup>


<ItemGroup> <ItemGroup>
<ProjectReference Include="..\SecureSharing.Business\SecureSharing.Business.csproj" />
<ProjectReference Include="..\SecureSharing.Data\SecureSharing.Data.csproj" />
<ProjectReference Include="..\SecureSharing.Business\SecureSharing.Business.csproj"/>
<ProjectReference Include="..\SecureSharing.Data\SecureSharing.Data.csproj"/>
</ItemGroup> </ItemGroup>


<ItemGroup> <ItemGroup>
<Folder Include="AppData\Errors\" />
<Folder Include="AppData\Errors\"/>
</ItemGroup> </ItemGroup>


</Project> </Project>

+ 2
- 1
SecureSharing/wwwroot/docs/_includes/navbar.html Voir le fichier

<a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a> <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link bg-info rounded dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true" class="nav-link bg-info rounded dropdown-toggle"
data-toggle="dropdown"
href="#" id="navbarVersionDropdown" role="button"> href="#" id="navbarVersionDropdown" role="button">
{{ site.version }} {{ site.version }}
</a> </a>

+ 2
- 1
SecureSharing/wwwroot/docs/layout.md Voir le fichier

> e.g. `<a id="testAnchor" class="anchor"></a>`. > e.g. `<a id="testAnchor" class="anchor"></a>`.
> >
> To get a smooth scrolling to the anchor you need to add `.scroll-smooth` to your HTML tag like > To get a smooth scrolling to the anchor you need to add `.scroll-smooth` to your HTML tag like
> this `<html class="scroll-smooth">` otherwise it jumps directly to your anchor, `.scroll-smooth` can cause issues with a
> this `<html class="scroll-smooth">` otherwise it jumps directly to your anchor, `.scroll-smooth` can cause issues with
> a
> Chrome extension called ScrollAnywhere. > Chrome extension called ScrollAnywhere.
> {: .quote-info} > {: .quote-info}



+ 16
- 8
SecureSharing/wwwroot/pages/UI/buttons.html Voir le fichier

<div class="margin"> <div class="margin">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-default" type="button">Action</button> <button class="btn btn-default" type="button">Action</button>
<button class="btn btn-default dropdown-toggle dropdown-icon" data-toggle="dropdown"
<button class="btn btn-default dropdown-toggle dropdown-icon"
data-toggle="dropdown"
type="button"> type="button">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-info" type="button">Action</button> <button class="btn btn-info" type="button">Action</button>
<button class="btn btn-info dropdown-toggle dropdown-icon" data-toggle="dropdown"
<button class="btn btn-info dropdown-toggle dropdown-icon"
data-toggle="dropdown"
type="button"> type="button">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-danger" type="button">Action</button> <button class="btn btn-danger" type="button">Action</button>
<button class="btn btn-danger dropdown-toggle dropdown-icon" data-toggle="dropdown"
<button class="btn btn-danger dropdown-toggle dropdown-icon"
data-toggle="dropdown"
type="button"> type="button">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-warning" type="button">Action</button> <button class="btn btn-warning" type="button">Action</button>
<button class="btn btn-warning dropdown-toggle dropdown-icon" data-toggle="dropdown"
<button class="btn btn-warning dropdown-toggle dropdown-icon"
data-toggle="dropdown"
type="button"> type="button">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
<button class="btn btn-default" type="button">2</button> <button class="btn btn-default" type="button">2</button>


<div class="btn-group"> <div class="btn-group">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown"
<button class="btn btn-default dropdown-toggle"
data-toggle="dropdown"
type="button"> type="button">
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<button class="btn btn-danger" type="button">2</button> <button class="btn btn-danger" type="button">2</button>


<div class="btn-group"> <div class="btn-group">
<button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"
<button class="btn btn-danger dropdown-toggle"
data-toggle="dropdown"
type="button"> type="button">
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<button class="btn btn-warning" type="button">2</button> <button class="btn btn-warning" type="button">2</button>


<div class="btn-group"> <div class="btn-group">
<button class="btn btn-warning dropdown-toggle" data-toggle="dropdown"
<button class="btn btn-warning dropdown-toggle"
data-toggle="dropdown"
type="button"> type="button">
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<button class="btn btn-success" type="button">2</button> <button class="btn btn-success" type="button">2</button>


<div class="btn-group"> <div class="btn-group">
<button class="btn btn-success dropdown-toggle" data-toggle="dropdown"
<button class="btn btn-success dropdown-toggle"
data-toggle="dropdown"
type="button"> type="button">
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">

+ 15
- 7
SecureSharing/wwwroot/pages/UI/general.html Voir le fichier



<div class="progress"> <div class="progress">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="40" class="progress-bar bg-primary progress-bar-striped" role="progressbar" style="width: 40%">
aria-valuenow="40" class="progress-bar bg-primary progress-bar-striped"
role="progressbar" style="width: 40%">
<span class="sr-only">40% Complete (success)</span> <span class="sr-only">40% Complete (success)</span>
</div> </div>
</div> </div>


<div class="progress progress-sm active"> <div class="progress progress-sm active">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="20" class="progress-bar bg-success progress-bar-striped" role="progressbar" style="width: 20%">
aria-valuenow="20" class="progress-bar bg-success progress-bar-striped"
role="progressbar" style="width: 20%">
<span class="sr-only">20% Complete</span> <span class="sr-only">20% Complete</span>
</div> </div>
</div> </div>


<div class="progress progress-xs"> <div class="progress progress-xs">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="60" class="progress-bar bg-warning progress-bar-striped" role="progressbar" style="width: 60%">
aria-valuenow="60" class="progress-bar bg-warning progress-bar-striped"
role="progressbar" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span> <span class="sr-only">60% Complete (warning)</span>
</div> </div>
</div> </div>
<div class="progress progress-xxs"> <div class="progress progress-xxs">
<div aria-valuemax="100" <div aria-valuemax="100"
aria-valuemin="0" aria-valuemin="0"
aria-valuenow="60" class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" style="width: 60%">
aria-valuenow="60"
class="progress-bar progress-bar-danger progress-bar-striped"
role="progressbar" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span> <span class="sr-only">60% Complete (warning)</span>
</div> </div>
</div> </div>


<div class="progress vertical active"> <div class="progress vertical active">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="40" class="progress-bar bg-primary progress-bar-striped" role="progressbar" style="height: 40%">
aria-valuenow="40" class="progress-bar bg-primary progress-bar-striped"
role="progressbar" style="height: 40%">
<span class="sr-only">40%</span> <span class="sr-only">40%</span>
</div> </div>
</div> </div>
</div> </div>
<div class="progress vertical progress-xs"> <div class="progress vertical progress-xs">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="60" class="progress-bar bg-warning progress-bar-striped" role="progressbar" style="height: 60%">
aria-valuenow="60" class="progress-bar bg-warning progress-bar-striped"
role="progressbar" style="height: 60%">
<span class="sr-only">60%</span> <span class="sr-only">60%</span>
</div> </div>
</div> </div>
<div class="progress vertical progress-xxs"> <div class="progress vertical progress-xxs">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="60" aria-valuenow="60"
class="progress-bar bg-info progress-bar-striped" role="progressbar" style="height: 60%">
class="progress-bar bg-info progress-bar-striped" role="progressbar"
style="height: 60%">
<span class="sr-only">60%</span> <span class="sr-only">60%</span>
</div> </div>
</div> </div>

+ 138
- 69
SecureSharing/wwwroot/pages/UI/navbar.html Voir le fichier

<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<form class="form-inline"> <form class="form-inline">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input aria-label="Search" <input aria-label="Search"
class="form-control form-control-navbar" placeholder="Search"
class="form-control form-control-navbar"
placeholder="Search"
type="search"> type="search">
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-navbar" type="submit"> <button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</button> </button>
<button class="btn btn-navbar" data-widget="navbar-search"
<button class="btn btn-navbar"
data-widget="navbar-search"
type="button"> type="button">
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
</button> </button>
<div class="card-header p-0 pt-1"> <div class="card-header p-0 pt-1">
<ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-one-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-one-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-tabs-one-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-tabs-one-home" id="custom-tabs-one-home-tab" data-toggle="pill" href="#custom-tabs-one-home" id="custom-tabs-one-home-tab"
role="tab">Home</a> role="tab">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-one-profile" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-one-profile" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-one-profile" data-toggle="pill" href="#custom-tabs-one-profile"
id="custom-tabs-one-profile-tab" role="tab">Profile</a> id="custom-tabs-one-profile-tab" role="tab">Profile</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-one-messages" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-one-messages" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-one-messages" data-toggle="pill" href="#custom-tabs-one-messages"
id="custom-tabs-one-messages-tab" role="tab">Messages</a> id="custom-tabs-one-messages-tab" role="tab">Messages</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-one-settings" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-one-settings" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-one-settings" data-toggle="pill" href="#custom-tabs-one-settings"
id="custom-tabs-one-settings-tab" role="tab">Settings</a> id="custom-tabs-one-settings-tab" role="tab">Settings</a>
</li> </li>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-one-tabContent"> <div class="tab-content" id="custom-tabs-one-tabContent">
<div aria-labelledby="custom-tabs-one-home-tab" class="tab-pane fade show active" id="custom-tabs-one-home"
<div aria-labelledby="custom-tabs-one-home-tab" class="tab-pane fade show active"
id="custom-tabs-one-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-tabs-one-profile-tab" class="tab-pane fade" id="custom-tabs-one-profile"
<div aria-labelledby="custom-tabs-one-profile-tab" class="tab-pane fade"
id="custom-tabs-one-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-tabs-one-messages-tab" class="tab-pane fade" id="custom-tabs-one-messages"
<div aria-labelledby="custom-tabs-one-messages-tab" class="tab-pane fade"
id="custom-tabs-one-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-tabs-one-settings-tab" class="tab-pane fade" id="custom-tabs-one-settings"
<div aria-labelledby="custom-tabs-one-settings-tab" class="tab-pane fade"
id="custom-tabs-one-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<ul class="nav nav-tabs" id="custom-tabs-two-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-two-tab" role="tablist">
<li class="pt-2 px-3"><h3 class="card-title">Card Title</h3></li> <li class="pt-2 px-3"><h3 class="card-title">Card Title</h3></li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-two-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-tabs-two-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-tabs-two-home" id="custom-tabs-two-home-tab" data-toggle="pill" href="#custom-tabs-two-home" id="custom-tabs-two-home-tab"
role="tab">Home</a> role="tab">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-two-profile" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-two-profile" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-two-profile" data-toggle="pill" href="#custom-tabs-two-profile"
id="custom-tabs-two-profile-tab" role="tab">Profile</a> id="custom-tabs-two-profile-tab" role="tab">Profile</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-two-messages" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-two-messages" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-two-messages" data-toggle="pill" href="#custom-tabs-two-messages"
id="custom-tabs-two-messages-tab" role="tab">Messages</a> id="custom-tabs-two-messages-tab" role="tab">Messages</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-two-settings" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-two-settings" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-two-settings" data-toggle="pill" href="#custom-tabs-two-settings"
id="custom-tabs-two-settings-tab" role="tab">Settings</a> id="custom-tabs-two-settings-tab" role="tab">Settings</a>
</li> </li>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-two-tabContent"> <div class="tab-content" id="custom-tabs-two-tabContent">
<div aria-labelledby="custom-tabs-two-home-tab" class="tab-pane fade show active" id="custom-tabs-two-home"
<div aria-labelledby="custom-tabs-two-home-tab" class="tab-pane fade show active"
id="custom-tabs-two-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-tabs-two-profile-tab" class="tab-pane fade" id="custom-tabs-two-profile"
<div aria-labelledby="custom-tabs-two-profile-tab" class="tab-pane fade"
id="custom-tabs-two-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-tabs-two-messages-tab" class="tab-pane fade" id="custom-tabs-two-messages"
<div aria-labelledby="custom-tabs-two-messages-tab" class="tab-pane fade"
id="custom-tabs-two-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-tabs-two-settings-tab" class="tab-pane fade" id="custom-tabs-two-settings"
<div aria-labelledby="custom-tabs-two-settings-tab" class="tab-pane fade"
id="custom-tabs-two-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<div class="card-header p-0 pt-1 border-bottom-0"> <div class="card-header p-0 pt-1 border-bottom-0">
<ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-three-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-three-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-tabs-three-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-tabs-three-home" data-toggle="pill" href="#custom-tabs-three-home"
id="custom-tabs-three-home-tab" role="tab">Home</a> id="custom-tabs-three-home-tab" role="tab">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-three-profile" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-three-profile" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-three-profile" data-toggle="pill" href="#custom-tabs-three-profile"
id="custom-tabs-three-profile-tab" role="tab">Profile</a> id="custom-tabs-three-profile-tab" role="tab">Profile</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-three-messages" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-three-messages" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-three-messages" data-toggle="pill" href="#custom-tabs-three-messages"
id="custom-tabs-three-messages-tab" role="tab">Messages</a> id="custom-tabs-three-messages-tab" role="tab">Messages</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-three-settings" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-three-settings" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-three-settings" data-toggle="pill" href="#custom-tabs-three-settings"
id="custom-tabs-three-settings-tab" role="tab">Settings</a> id="custom-tabs-three-settings-tab" role="tab">Settings</a>
</li> </li>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-three-tabContent"> <div class="tab-content" id="custom-tabs-three-tabContent">
<div aria-labelledby="custom-tabs-three-home-tab" class="tab-pane fade show active" id="custom-tabs-three-home"
<div aria-labelledby="custom-tabs-three-home-tab" class="tab-pane fade show active"
id="custom-tabs-three-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-tabs-three-profile-tab" class="tab-pane fade" id="custom-tabs-three-profile"
<div aria-labelledby="custom-tabs-three-profile-tab" class="tab-pane fade"
id="custom-tabs-three-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-tabs-three-messages-tab" class="tab-pane fade" id="custom-tabs-three-messages"
<div aria-labelledby="custom-tabs-three-messages-tab" class="tab-pane fade"
id="custom-tabs-three-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-tabs-three-settings-tab" class="tab-pane fade" id="custom-tabs-three-settings"
<div aria-labelledby="custom-tabs-three-settings-tab" class="tab-pane fade"
id="custom-tabs-three-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<div class="card-header p-0 border-bottom-0"> <div class="card-header p-0 border-bottom-0">
<ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-four-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-four-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-tabs-four-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-tabs-four-home" data-toggle="pill" href="#custom-tabs-four-home"
id="custom-tabs-four-home-tab" role="tab">Home</a> id="custom-tabs-four-home-tab" role="tab">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-four-profile" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-four-profile" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-four-profile" data-toggle="pill" href="#custom-tabs-four-profile"
id="custom-tabs-four-profile-tab" role="tab">Profile</a> id="custom-tabs-four-profile-tab" role="tab">Profile</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-four-messages" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-four-messages" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-four-messages" data-toggle="pill" href="#custom-tabs-four-messages"
id="custom-tabs-four-messages-tab" role="tab">Messages</a> id="custom-tabs-four-messages-tab" role="tab">Messages</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-four-settings" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-four-settings" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-four-settings" data-toggle="pill" href="#custom-tabs-four-settings"
id="custom-tabs-four-settings-tab" role="tab">Settings</a> id="custom-tabs-four-settings-tab" role="tab">Settings</a>
</li> </li>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-four-tabContent"> <div class="tab-content" id="custom-tabs-four-tabContent">
<div aria-labelledby="custom-tabs-four-home-tab" class="tab-pane fade show active" id="custom-tabs-four-home"
<div aria-labelledby="custom-tabs-four-home-tab" class="tab-pane fade show active"
id="custom-tabs-four-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-tabs-four-profile-tab" class="tab-pane fade" id="custom-tabs-four-profile"
<div aria-labelledby="custom-tabs-four-profile-tab" class="tab-pane fade"
id="custom-tabs-four-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-tabs-four-messages-tab" class="tab-pane fade" id="custom-tabs-four-messages"
<div aria-labelledby="custom-tabs-four-messages-tab" class="tab-pane fade"
id="custom-tabs-four-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-tabs-four-settings-tab" class="tab-pane fade" id="custom-tabs-four-settings"
<div aria-labelledby="custom-tabs-four-settings-tab" class="tab-pane fade"
id="custom-tabs-four-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<div class="card-header p-0 pt-1"> <div class="card-header p-0 pt-1">
<ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-tabs-five-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-five-overlay" aria-selected="true" class="nav-link active"
<a aria-controls="custom-tabs-five-overlay" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-tabs-five-overlay" data-toggle="pill" href="#custom-tabs-five-overlay"
id="custom-tabs-five-overlay-tab" role="tab">Overlay</a> id="custom-tabs-five-overlay-tab" role="tab">Overlay</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-five-overlay-dark" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-five-overlay-dark" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-five-overlay-dark" data-toggle="pill" href="#custom-tabs-five-overlay-dark"
id="custom-tabs-five-overlay-dark-tab" role="tab">Overlay id="custom-tabs-five-overlay-dark-tab" role="tab">Overlay
Dark</a> Dark</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-tabs-five-normal" aria-selected="false" class="nav-link"
<a aria-controls="custom-tabs-five-normal" aria-selected="false"
class="nav-link"
data-toggle="pill" href="#custom-tabs-five-normal" data-toggle="pill" href="#custom-tabs-five-normal"
id="custom-tabs-five-normal-tab" role="tab">Normal Tab</a> id="custom-tabs-five-normal-tab" role="tab">Normal Tab</a>
</li> </li>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="tab-content" id="custom-tabs-five-tabContent"> <div class="tab-content" id="custom-tabs-five-tabContent">
<div aria-labelledby="custom-tabs-five-overlay-tab" class="tab-pane fade show active" id="custom-tabs-five-overlay"
<div aria-labelledby="custom-tabs-five-overlay-tab"
class="tab-pane fade show active" id="custom-tabs-five-overlay"
role="tabpanel"> role="tabpanel">
<div class="overlay-wrapper"> <div class="overlay-wrapper">
<div class="overlay"><i class="fas fa-3x fa-sync-alt fa-spin"></i> <div class="overlay"><i class="fas fa-3x fa-sync-alt fa-spin"></i>
at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur. at, semper vitae lectus. Cras lacinia erat eget sapien porta consectetur.
</div> </div>
</div> </div>
<div aria-labelledby="custom-tabs-five-overlay-dark-tab" class="tab-pane fade" id="custom-tabs-five-overlay-dark"
<div aria-labelledby="custom-tabs-five-overlay-dark-tab" class="tab-pane fade"
id="custom-tabs-five-overlay-dark"
role="tabpanel"> role="tabpanel">
<div class="overlay-wrapper"> <div class="overlay-wrapper">
<div class="overlay dark"><i class="fas fa-3x fa-sync-alt fa-spin"></i> <div class="overlay dark"><i class="fas fa-3x fa-sync-alt fa-spin"></i>
platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis. platea dictumst. Praesent imperdiet accumsan ex sit amet facilisis.
</div> </div>
</div> </div>
<div aria-labelledby="custom-tabs-five-normal-tab" class="tab-pane fade" id="custom-tabs-five-normal"
<div aria-labelledby="custom-tabs-five-normal-tab" class="tab-pane fade"
id="custom-tabs-five-normal"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
<h4>Left Sided</h4> <h4>Left Sided</h4>
<div class="row"> <div class="row">
<div class="col-5 col-sm-3"> <div class="col-5 col-sm-3">
<div aria-orientation="vertical" class="nav flex-column nav-tabs h-100" id="vert-tabs-tab"
<div aria-orientation="vertical" class="nav flex-column nav-tabs h-100"
id="vert-tabs-tab"
role="tablist"> role="tablist">
<a aria-controls="vert-tabs-home" aria-selected="true" class="nav-link active" <a aria-controls="vert-tabs-home" aria-selected="true" class="nav-link active"
data-toggle="pill" href="#vert-tabs-home" id="vert-tabs-home-tab" data-toggle="pill" href="#vert-tabs-home" id="vert-tabs-home-tab"
</div> </div>
<div class="col-7 col-sm-9"> <div class="col-7 col-sm-9">
<div class="tab-content" id="vert-tabs-tabContent"> <div class="tab-content" id="vert-tabs-tabContent">
<div aria-labelledby="vert-tabs-home-tab" class="tab-pane text-left fade show active" id="vert-tabs-home"
<div aria-labelledby="vert-tabs-home-tab"
class="tab-pane text-left fade show active" id="vert-tabs-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="vert-tabs-profile-tab" class="tab-pane fade" id="vert-tabs-profile"
<div aria-labelledby="vert-tabs-profile-tab" class="tab-pane fade"
id="vert-tabs-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="vert-tabs-messages-tab" class="tab-pane fade" id="vert-tabs-messages"
<div aria-labelledby="vert-tabs-messages-tab" class="tab-pane fade"
id="vert-tabs-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="vert-tabs-settings-tab" class="tab-pane fade" id="vert-tabs-settings"
<div aria-labelledby="vert-tabs-settings-tab" class="tab-pane fade"
id="vert-tabs-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<div class="row"> <div class="row">
<div class="col-7 col-sm-9"> <div class="col-7 col-sm-9">
<div class="tab-content" id="vert-tabs-right-tabContent"> <div class="tab-content" id="vert-tabs-right-tabContent">
<div aria-labelledby="vert-tabs-right-home-tab" class="tab-pane fade show active" id="vert-tabs-right-home"
<div aria-labelledby="vert-tabs-right-home-tab" class="tab-pane fade show active"
id="vert-tabs-right-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non
lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia lacus elit, condimentum ac condimentum at, semper vitae lectus. Cras lacinia
erat eget sapien porta consectetur. erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="vert-tabs-right-profile-tab" class="tab-pane fade" id="vert-tabs-right-profile"
<div aria-labelledby="vert-tabs-right-profile-tab" class="tab-pane fade"
id="vert-tabs-right-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris
pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor pharetra purus ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor
Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc Donec nunc tellus, elementum sit amet ultricies at, posuere nec nunc. Nunc
euismod pellentesque diam. euismod pellentesque diam.
</div> </div>
<div aria-labelledby="vert-tabs-right-messages-tab" class="tab-pane fade" id="vert-tabs-right-messages"
<div aria-labelledby="vert-tabs-right-messages-tab" class="tab-pane fade"
id="vert-tabs-right-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris.
Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget Phasellus volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget
lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem lectus ipsum gravida arcu, id fermentum metus arcu vel metus. Curabitur eget sem
eu risus tincidunt eleifend ac ornare magna. eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="vert-tabs-right-settings-tab" class="tab-pane fade" id="vert-tabs-right-settings"
<div aria-labelledby="vert-tabs-right-settings-tab" class="tab-pane fade"
id="vert-tabs-right-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis
tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tempus turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque
<h4>Custom Content Below</h4> <h4>Custom Content Below</h4>
<ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-content-below-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-content-below-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-content-below-home" data-toggle="pill" href="#custom-content-below-home"
id="custom-content-below-home-tab" role="tab">Home</a> id="custom-content-below-home-tab" role="tab">Home</a>
</li> </li>
</li> </li>
</ul> </ul>
<div class="tab-content" id="custom-content-below-tabContent"> <div class="tab-content" id="custom-content-below-tabContent">
<div aria-labelledby="custom-content-below-home-tab" class="tab-pane fade show active" id="custom-content-below-home"
<div aria-labelledby="custom-content-below-home-tab" class="tab-pane fade show active"
id="custom-content-below-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna
consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus.
Cras lacinia erat eget sapien porta consectetur. Cras lacinia erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-content-below-profile-tab" class="tab-pane fade" id="custom-content-below-profile"
<div aria-labelledby="custom-content-below-profile-tab" class="tab-pane fade"
id="custom-content-below-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus
ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur
placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet
ultricies at, posuere nec nunc. Nunc euismod pellentesque diam. ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-content-below-messages-tab" class="tab-pane fade" id="custom-content-below-messages"
<div aria-labelledby="custom-content-below-messages-tab" class="tab-pane fade"
id="custom-content-below-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus
volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce
vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus.
Curabitur eget sem eu risus tincidunt eleifend ac ornare magna. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-content-below-settings-tab" class="tab-pane fade" id="custom-content-below-settings"
<div aria-labelledby="custom-content-below-settings-tab" class="tab-pane fade"
id="custom-content-below-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus
turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis
<h4 class="mt-5 ">Custom Content Above</h4> <h4 class="mt-5 ">Custom Content Above</h4>
<ul class="nav nav-tabs" id="custom-content-above-tab" role="tablist"> <ul class="nav nav-tabs" id="custom-content-above-tab" role="tablist">
<li class="nav-item"> <li class="nav-item">
<a aria-controls="custom-content-above-home" aria-selected="true" class="nav-link active"
<a aria-controls="custom-content-above-home" aria-selected="true"
class="nav-link active"
data-toggle="pill" href="#custom-content-above-home" data-toggle="pill" href="#custom-content-above-home"
id="custom-content-above-home-tab" role="tab">Home</a> id="custom-content-above-home-tab" role="tab">Home</a>
</li> </li>
<p class="lead mb-0">Custom Content goes here</p> <p class="lead mb-0">Custom Content goes here</p>
</div> </div>
<div class="tab-content" id="custom-content-above-tabContent"> <div class="tab-content" id="custom-content-above-tabContent">
<div aria-labelledby="custom-content-above-home-tab" class="tab-pane fade show active" id="custom-content-above-home"
<div aria-labelledby="custom-content-above-home-tab" class="tab-pane fade show active"
id="custom-content-above-home"
role="tabpanel"> role="tabpanel">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin malesuada lacus
ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna ullamcorper dui molestie, sit amet congue quam finibus. Etiam ultricies nunc non magna
consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus. consequat neque. Mauris lacus elit, condimentum ac condimentum at, semper vitae lectus.
Cras lacinia erat eget sapien porta consectetur. Cras lacinia erat eget sapien porta consectetur.
</div> </div>
<div aria-labelledby="custom-content-above-profile-tab" class="tab-pane fade" id="custom-content-above-profile"
<div aria-labelledby="custom-content-above-profile-tab" class="tab-pane fade"
id="custom-content-above-profile"
role="tabpanel"> role="tabpanel">
Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus Mauris tincidunt mi at erat gravida, eget tristique urna bibendum. Mauris pharetra purus
ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur ut ligula tempor, et vulputate metus facilisis. Lorem ipsum dolor sit amet, consectetur
placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet placerat mi, quis posuere purus ligula eu lectus. Donec nunc tellus, elementum sit amet
ultricies at, posuere nec nunc. Nunc euismod pellentesque diam. ultricies at, posuere nec nunc. Nunc euismod pellentesque diam.
</div> </div>
<div aria-labelledby="custom-content-above-messages-tab" class="tab-pane fade" id="custom-content-above-messages"
<div aria-labelledby="custom-content-above-messages-tab" class="tab-pane fade"
id="custom-content-above-messages"
role="tabpanel"> role="tabpanel">
Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus Morbi turpis dolor, vulputate vitae felis non, tincidunt congue mauris. Phasellus
volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce volutpat augue id mi placerat mollis. Vivamus faucibus eu massa eget condimentum. Fusce
vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus. vitae gravida fermentum, lectus ipsum gravida arcu, id fermentum metus arcu vel metus.
Curabitur eget sem eu risus tincidunt eleifend ac ornare magna. Curabitur eget sem eu risus tincidunt eleifend ac ornare magna.
</div> </div>
<div aria-labelledby="custom-content-above-settings-tab" class="tab-pane fade" id="custom-content-above-settings"
<div aria-labelledby="custom-content-above-settings-tab" class="tab-pane fade"
id="custom-content-above-settings"
role="tabpanel"> role="tabpanel">
Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus Pellentesque vestibulum commodo nibh nec blandit. Maecenas neque magna, iaculis tempus
turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis turpis ac, ornare sodales tellus. Mauris eget blandit dolor. Quisque tincidunt venenatis

+ 26
- 13
SecureSharing/wwwroot/pages/UI/sliders.html Voir le fichier

</div> </div>


<div class="col-sm-6"> <div class="col-sm-6">
<input data-from="30000" data-hasgrid="true" data-postfix=" &euro;" data-step="500"
<input data-from="30000" data-hasgrid="true" data-postfix=" &euro;"
data-step="500"
data-to="90000" data-to="90000"
data-type="double" id="range_2" name="range_2" type="text" data-type="double" id="range_2" name="range_2" type="text"
value="1000;100000"> value="1000;100000">
<div class="row margin"> <div class="row margin">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="slider-red"> <div class="slider-red">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"


<p>.slider-red input.slider</p> <p>.slider-red input.slider</p>
<div class="slider-blue"> <div class="slider-blue">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"


<p>.slider-blue input.slider</p> <p>.slider-blue input.slider</p>
<div class="slider-green"> <div class="slider-green">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"


<p>.slider-green input.slider</p> <p>.slider-green input.slider</p>
<div class="slider-yellow"> <div class="slider-yellow">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"


<p>.slider-yellow input.slider</p> <p>.slider-yellow input.slider</p>
<div class="slider-teal"> <div class="slider-teal">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"


<p>.slider-teal input.slider</p> <p>.slider-teal input.slider</p>
<div class="slider-purple"> <div class="slider-purple">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="horizontal" data-slider-selection="before" data-slider-orientation="horizontal" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
</div> </div>
<div class="col-sm-6 d-flex justify-content-center"> <div class="col-sm-6 d-flex justify-content-center">
<div class="slider-red mx-3"> <div class="slider-red mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
type="text" value=""> type="text" value="">
</div> </div>
<div class="slider-blue mx-3"> <div class="slider-blue mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
type="text" value=""> type="text" value="">
</div> </div>
<div class="slider-green mx-3"> <div class="slider-green mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
type="text" value=""> type="text" value="">
</div> </div>
<div class="slider-yellow mx-3"> <div class="slider-yellow mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
type="text" value=""> type="text" value="">
</div> </div>
<div class="slider-teal mx-3"> <div class="slider-teal mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"
type="text" value=""> type="text" value="">
</div> </div>
<div class="slider-purple mx-3"> <div class="slider-purple mx-3">
<input class="slider form-control" data-slider-max="200" data-slider-min="-200"
<input class="slider form-control" data-slider-max="200"
data-slider-min="-200"
data-slider-orientation="vertical" data-slider-selection="before" data-slider-orientation="vertical" data-slider-selection="before"
data-slider-step="5" data-slider-tooltip="show" data-slider-step="5" data-slider-tooltip="show"
data-slider-value="[-100,100]" data-slider-value="[-100,100]"

+ 28
- 14
SecureSharing/wwwroot/pages/charts/inline.html Voir le fichier

<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-width="90" type="text"
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-width="90"
type="text"
value="30"> value="30">


<div class="knob-label">New Visitors</div> <div class="knob-label">New Visitors</div>
</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#f56954" data-height="90" data-width="90" type="text"
<input class="knob" data-fgColor="#f56954" data-height="90" data-width="90"
type="text"
value="70"> value="70">


<div class="knob-label">Bounce Rate</div> <div class="knob-label">Bounce Rate</div>
</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#00a65a" data-height="90" data-max="150" data-min="-150"
<input class="knob" data-fgColor="#00a65a" data-height="90" data-max="150"
data-min="-150"
data-width="90" data-width="90"
type="text" value="-80"> type="text" value="-80">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#00c0ef" data-height="90" data-width="90" type="text"
<input class="knob" data-fgColor="#00c0ef" data-height="90" data-width="90"
type="text"
value="40"> value="40">


<div class="knob-label">Disk Space</div> <div class="knob-label">Disk Space</div>


<div class="row"> <div class="row">
<div class="col-6 text-center"> <div class="col-6 text-center">
<input class="knob" data-fgColor="#932ab6" data-height="90" data-width="90" type="text"
<input class="knob" data-fgColor="#932ab6" data-height="90" data-width="90"
type="text"
value="90"> value="90">


<div class="knob-label">Bandwidth</div> <div class="knob-label">Bandwidth</div>
</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 text-center"> <div class="col-6 text-center">
<input class="knob" data-fgColor="#39CCCC" data-height="90" data-width="90" type="text"
<input class="knob" data-fgColor="#39CCCC" data-height="90" data-width="90"
type="text"
value="50"> value="50">


<div class="knob-label">CPU</div> <div class="knob-label">CPU</div>
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-readonly="true" data-width="90"
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-readonly="true"
data-width="90"
type="text" type="text"
value="30"> value="30">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#f56954" data-height="120" data-width="120" type="text"
<input class="knob" data-fgColor="#f56954" data-height="120" data-width="120"
type="text"
value="30"> value="30">


<div class="knob-label">data-width="120"</div> <div class="knob-label">data-width="120"</div>
</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#00a65a" data-height="90" data-thickness="0.1" data-width="90"
<input class="knob" data-fgColor="#00a65a" data-height="90" data-thickness="0.1"
data-width="90"
type="text" type="text"
value="30"> value="30">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-angleArc="250" data-angleOffset="-125" data-fgColor="#00c0ef"
<input class="knob" data-angleArc="250" data-angleOffset="-125"
data-fgColor="#00c0ef"
data-height="120" data-height="120"
data-thickness="0.2" data-width="120" type="text" value="30"> data-thickness="0.2" data-width="120" type="text" value="30">


<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-readonly="true" data-skin="tron"
<input class="knob" data-fgColor="#3c8dbc" data-height="90" data-readonly="true"
data-skin="tron"
data-thickness="0.2" data-thickness="0.2"
data-width="90" type="text" value="80"> data-width="90" type="text" value="80">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#f56954" data-height="120" data-skin="tron" data-thickness="0.2"
<input class="knob" data-fgColor="#f56954" data-height="120" data-skin="tron"
data-thickness="0.2"
data-width="120" data-width="120"
type="text" value="60"> type="text" value="60">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-fgColor="#00a65a" data-height="90" data-skin="tron" data-thickness="0.1"
<input class="knob" data-fgColor="#00a65a" data-height="90" data-skin="tron"
data-thickness="0.1"
data-width="90" data-width="90"
type="text" value="10"> type="text" value="10">


</div> </div>
<!-- ./col --> <!-- ./col -->
<div class="col-6 col-md-3 text-center"> <div class="col-6 col-md-3 text-center">
<input class="knob" data-angleArc="250" data-angleOffset="-125" data-fgColor="#00c0ef"
<input class="knob" data-angleArc="250" data-angleOffset="-125"
data-fgColor="#00c0ef"
data-height="120" data-height="120"
data-skin="tron" data-thickness="0.2" data-width="120" data-skin="tron" data-thickness="0.2" data-width="120"
type="text" type="text"

+ 2
- 1
SecureSharing/wwwroot/pages/examples/e-commerce.html Voir le fichier

<nav class="w-100"> <nav class="w-100">
<div class="nav nav-tabs" id="product-tab" role="tablist"> <div class="nav nav-tabs" id="product-tab" role="tablist">
<a aria-controls="product-desc" aria-selected="true" class="nav-item nav-link active" <a aria-controls="product-desc" aria-selected="true" class="nav-item nav-link active"
data-toggle="tab" href="#product-desc" id="product-desc-tab" role="tab">Description</a>
data-toggle="tab" href="#product-desc" id="product-desc-tab"
role="tab">Description</a>
<a aria-controls="product-comments" aria-selected="false" class="nav-item nav-link" <a aria-controls="product-comments" aria-selected="false" class="nav-item nav-link"
data-toggle="tab" href="#product-comments" id="product-comments-tab" data-toggle="tab" href="#product-comments" id="product-comments-tab"
role="tab">Comments</a> role="tab">Comments</a>

+ 2
- 1
SecureSharing/wwwroot/pages/examples/pace.html Voir le fichier

</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body">
You can Change Pace Styles, Checkout the <a href="https://adminlte.io/docs/3.1/" rel="noopener noreferrer"
You can Change Pace Styles, Checkout the <a href="https://adminlte.io/docs/3.1/"
rel="noopener noreferrer"
target="_blank">AdminLTE Official Docs</a> in target="_blank">AdminLTE Official Docs</a> in
Online. Online.
<br> <br>

+ 6
- 3
SecureSharing/wwwroot/pages/examples/profile.html Voir le fichier

<div class="post"> <div class="post">
<div class="user-block"> <div class="user-block">
<img alt="user image" <img alt="user image"
class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user1-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Jonathan Burke Jr.</a> <a href="#">Jonathan Burke Jr.</a>
<a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a> <a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a>
<div class="post clearfix"> <div class="post clearfix">
<div class="user-block"> <div class="user-block">
<img alt="User Image" <img alt="User Image"
class="img-circle img-bordered-sm" src="../../dist/img/user7-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user7-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Sarah Ross</a> <a href="#">Sarah Ross</a>
<a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a> <a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a>
<div class="post"> <div class="post">
<div class="user-block"> <div class="user-block">
<img alt="User Image" <img alt="User Image"
class="img-circle img-bordered-sm" src="../../dist/img/user6-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user6-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Adam Jones</a> <a href="#">Adam Jones</a>
<a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a> <a class="float-right btn-tool" href="#"><i class="fas fa-times"></i></a>

+ 6
- 3
SecureSharing/wwwroot/pages/examples/project-detail.html Voir le fichier

<div class="post"> <div class="post">
<div class="user-block"> <div class="user-block">
<img alt="user image" <img alt="user image"
class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user1-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Jonathan Burke Jr.</a> <a href="#">Jonathan Burke Jr.</a>
</span> </span>
<div class="post clearfix"> <div class="post clearfix">
<div class="user-block"> <div class="user-block">
<img alt="User Image" <img alt="User Image"
class="img-circle img-bordered-sm" src="../../dist/img/user7-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user7-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Sarah Ross</a> <a href="#">Sarah Ross</a>
</span> </span>
<div class="post"> <div class="post">
<div class="user-block"> <div class="user-block">
<img alt="user image" <img alt="user image"
class="img-circle img-bordered-sm" src="../../dist/img/user1-128x128.jpg">
class="img-circle img-bordered-sm"
src="../../dist/img/user1-128x128.jpg">
<span class="username"> <span class="username">
<a href="#">Jonathan Burke Jr.</a> <a href="#">Jonathan Burke Jr.</a>
</span> </span>

+ 24
- 12
SecureSharing/wwwroot/pages/forms/advanced.html Voir le fichier

<div class="form-group"> <div class="form-group">
<label>Multiple (.select2-purple)</label> <label>Multiple (.select2-purple)</label>
<div class="select2-purple"> <div class="select2-purple">
<select class="select2" data-dropdown-css-class="select2-purple" data-placeholder="Select a State"
<select class="select2" data-dropdown-css-class="select2-purple"
data-placeholder="Select a State"
multiple="multiple" style="width: 100%;"> multiple="multiple" style="width: 100%;">
<option>Alabama</option> <option>Alabama</option>
<option>Alaska</option> <option>Alaska</option>
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="far fa-calendar-alt"></i></span> <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
</div> </div>
<input class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="dd/mm/yyyy"
<input class="form-control" data-inputmask-alias="datetime"
data-inputmask-inputformat="dd/mm/yyyy"
data-mask type="text"> data-mask type="text">
</div> </div>
<!-- /.input group --> <!-- /.input group -->
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="far fa-calendar-alt"></i></span> <span class="input-group-text"><i class="far fa-calendar-alt"></i></span>
</div> </div>
<input class="form-control" data-inputmask-alias="datetime" data-inputmask-inputformat="mm/dd/yyyy"
<input class="form-control" data-inputmask-alias="datetime"
data-inputmask-inputformat="mm/dd/yyyy"
data-mask type="text"> data-mask type="text">
</div> </div>
<!-- /.input group --> <!-- /.input group -->
<div class="input-group-prepend"> <div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-phone"></i></span> <span class="input-group-text"><i class="fas fa-phone"></i></span>
</div> </div>
<input class="form-control" data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']"
<input class="form-control"
data-inputmask="'mask': ['999-999-9999 [x99999]', '+099 99 99 9999[9]-9999']"
data-mask data-mask
type="text"> type="text">
</div> </div>
<div class="form-group"> <div class="form-group">
<label>Date and time:</label> <label>Date and time:</label>
<div class="input-group date" data-target-input="nearest" id="reservationdatetime"> <div class="input-group date" data-target-input="nearest" id="reservationdatetime">
<input class="form-control datetimepicker-input" data-target="#reservationdatetime"
<input class="form-control datetimepicker-input"
data-target="#reservationdatetime"
type="text"/> type="text"/>
<div class="input-group-append" data-target="#reservationdatetime" <div class="input-group-append" data-target="#reservationdatetime"
data-toggle="datetimepicker"> data-toggle="datetimepicker">
<div class="bs-stepper-header" role="tablist"> <div class="bs-stepper-header" role="tablist">
<!-- your steps here --> <!-- your steps here -->
<div class="step" data-target="#logins-part"> <div class="step" data-target="#logins-part">
<button aria-controls="logins-part" class="step-trigger" id="logins-part-trigger"
<button aria-controls="logins-part" class="step-trigger"
id="logins-part-trigger"
role="tab" type="button"> role="tab" type="button">
<span class="bs-stepper-circle">1</span> <span class="bs-stepper-circle">1</span>
<span class="bs-stepper-label">Logins</span> <span class="bs-stepper-label">Logins</span>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="step" data-target="#information-part"> <div class="step" data-target="#information-part">
<button aria-controls="information-part" class="step-trigger" id="information-part-trigger"
<button aria-controls="information-part" class="step-trigger"
id="information-part-trigger"
role="tab" type="button"> role="tab" type="button">
<span class="bs-stepper-circle">2</span> <span class="bs-stepper-circle">2</span>
<span class="bs-stepper-label">Various information</span> <span class="bs-stepper-label">Various information</span>
role="tabpanel"> role="tabpanel">
<div class="form-group"> <div class="form-group">
<label for="exampleInputEmail1">Email address</label> <label for="exampleInputEmail1">Email address</label>
<input class="form-control" id="exampleInputEmail1" placeholder="Enter email"
<input class="form-control" id="exampleInputEmail1"
placeholder="Enter email"
type="email"> type="email">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="exampleInputPassword1">Password</label> <label for="exampleInputPassword1">Password</label>
<input class="form-control" id="exampleInputPassword1" placeholder="Password"
<input class="form-control" id="exampleInputPassword1"
placeholder="Password"
type="password"> type="password">
</div> </div>
<button class="btn btn-primary" onclick="stepper.next()">Next</button> <button class="btn btn-primary" onclick="stepper.next()">Next</button>
</div> </div>
<div aria-labelledby="information-part-trigger" class="content" id="information-part"
<div aria-labelledby="information-part-trigger" class="content"
id="information-part"
role="tabpanel"> role="tabpanel">
<div class="form-group"> <div class="form-group">
<label for="exampleInputFile">File input</label> <label for="exampleInputFile">File input</label>
<div class="col-lg-6 d-flex align-items-center"> <div class="col-lg-6 d-flex align-items-center">
<div class="fileupload-process w-100"> <div class="fileupload-process w-100">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="0" class="progress progress-striped active" id="total-progress"
aria-valuenow="0" class="progress progress-striped active"
id="total-progress"
role="progressbar"> role="progressbar">
<div class="progress-bar progress-bar-success" data-dz-uploadprogress <div class="progress-bar progress-bar-success" data-dz-uploadprogress
style="width:0%;"></div> style="width:0%;"></div>
</div> </div>
<div class="col-4 d-flex align-items-center"> <div class="col-4 d-flex align-items-center">
<div aria-valuemax="100" aria-valuemin="0" <div aria-valuemax="100" aria-valuemin="0"
aria-valuenow="0" class="progress progress-striped active w-100" role="progressbar">
aria-valuenow="0" class="progress progress-striped active w-100"
role="progressbar">
<div class="progress-bar progress-bar-success" data-dz-uploadprogress <div class="progress-bar progress-bar-success" data-dz-uploadprogress
style="width:0%;"></div> style="width:0%;"></div>
</div> </div>

+ 14
- 7
SecureSharing/wwwroot/pages/forms/general.html Voir le fichier

<h4>Input</h4> <h4>Input</h4>
<div class="form-group"> <div class="form-group">
<label for="exampleInputBorder">Bottom Border only <code>.form-control-border</code></label> <label for="exampleInputBorder">Bottom Border only <code>.form-control-border</code></label>
<input class="form-control form-control-border" id="exampleInputBorder" placeholder=".form-control-border"
<input class="form-control form-control-border" id="exampleInputBorder"
placeholder=".form-control-border"
type="text"> type="text">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="exampleInputBorderWidth2">Bottom Border only 2px Border <code>.form-control-border.border-width-2</code></label> <label for="exampleInputBorderWidth2">Bottom Border only 2px Border <code>.form-control-border.border-width-2</code></label>
<input class="form-control form-control-border border-width-2" id="exampleInputBorderWidth2"
<input class="form-control form-control-border border-width-2"
id="exampleInputBorderWidth2"
placeholder=".form-control-border.border-width-2" placeholder=".form-control-border.border-width-2"
type="text"> type="text">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="exampleInputRounded0">Flat <code>.rounded-0</code></label> <label for="exampleInputRounded0">Flat <code>.rounded-0</code></label>
<input class="form-control rounded-0" id="exampleInputRounded0" placeholder=".rounded-0"
<input class="form-control rounded-0" id="exampleInputRounded0"
placeholder=".rounded-0"
type="text"> type="text">
</div> </div>
<h4>Custom Select</h4> <h4>Custom Select</h4>
</div> </div>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input checked <input checked
class="custom-control-input custom-control-input-danger" id="customCheckbox4" type="checkbox">
class="custom-control-input custom-control-input-danger"
id="customCheckbox4" type="checkbox">
<label class="custom-control-label" for="customCheckbox4">Custom <label class="custom-control-label" for="customCheckbox4">Custom
Checkbox with custom color</label> Checkbox with custom color</label>
</div> </div>
<div class="custom-control custom-checkbox"> <div class="custom-control custom-checkbox">
<input checked <input checked
class="custom-control-input custom-control-input-danger custom-control-input-outline" id="customCheckbox5" type="checkbox">
class="custom-control-input custom-control-input-danger custom-control-input-outline"
id="customCheckbox5" type="checkbox">
<label class="custom-control-label" for="customCheckbox5">Custom <label class="custom-control-label" for="customCheckbox5">Custom
Checkbox with custom color outline</label> Checkbox with custom color outline</label>
</div> </div>
<!-- radio --> <!-- radio -->
<div class="form-group"> <div class="form-group">
<div class="custom-control custom-radio"> <div class="custom-control custom-radio">
<input class="custom-control-input" id="customRadio1" name="customRadio"
<input class="custom-control-input" id="customRadio1"
name="customRadio"
type="radio"> type="radio">
<label class="custom-control-label" for="customRadio1">Custom <label class="custom-control-label" for="customRadio1">Custom
Radio</label> Radio</label>
</div> </div>
<div class="custom-control custom-radio"> <div class="custom-control custom-radio">
<input checked <input checked
class="custom-control-input custom-control-input-danger" id="customRadio4" name="customRadio2" type="radio">
class="custom-control-input custom-control-input-danger"
id="customRadio4" name="customRadio2" type="radio">
<label class="custom-control-label" for="customRadio4">Custom Radio <label class="custom-control-label" for="customRadio4">Custom Radio
with custom color</label> with custom color</label>
</div> </div>

+ 2
- 1
SecureSharing/wwwroot/pages/forms/validation.html Voir le fichier

<div class="card-body"> <div class="card-body">
<div class="form-group"> <div class="form-group">
<label for="exampleInputEmail1">Email address</label> <label for="exampleInputEmail1">Email address</label>
<input class="form-control" id="exampleInputEmail1" name="email" placeholder="Enter email"
<input class="form-control" id="exampleInputEmail1" name="email"
placeholder="Enter email"
type="email"> type="email">
</div> </div>
<div class="form-group"> <div class="form-group">

+ 96
- 48
SecureSharing/wwwroot/pages/gallery.html Voir le fichier

<div class="filter-container p-0 row"> <div class="filter-container p-0 row">
<div class="filtr-item col-sm-2" data-category="1" data-sort="white sample"> <div class="filtr-item col-sm-2" data-category="1" data-sort="white sample">
<a data-title="sample 1 - white" <a data-title="sample 1 - white"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=1">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=1">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=1"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=1"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample"> <div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample">
<a data-title="sample 2 - black" <a data-title="sample 2 - black"
data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=2">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=2">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=2"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=2"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample"> <div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample">
<a data-title="sample 3 - red" <a data-title="sample 3 - red"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=3">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=3">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=3"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=3"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample"> <div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample">
<a data-title="sample 4 - red" <a data-title="sample 4 - red"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=4">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=4">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=4"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=4"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample"> <div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample">
<a data-title="sample 5 - black" <a data-title="sample 5 - black"
data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=5">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=5">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=5"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=5"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="1" data-sort="white sample"> <div class="filtr-item col-sm-2" data-category="1" data-sort="white sample">
<a data-title="sample 6 - white" <a data-title="sample 6 - white"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=6">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=6">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=6"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=6"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="1" data-sort="white sample"> <div class="filtr-item col-sm-2" data-category="1" data-sort="white sample">
<a data-title="sample 7 - white" <a data-title="sample 7 - white"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=7">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=7">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=7"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=7"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample"> <div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample">
<a data-title="sample 8 - black" <a data-title="sample 8 - black"
data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=8">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=8">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=8"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=8"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample"> <div class="filtr-item col-sm-2" data-category="3, 4" data-sort="red sample">
<a data-title="sample 9 - red" <a data-title="sample 9 - red"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=9">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=9">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=9"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=9"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="1" data-sort="white sample"> <div class="filtr-item col-sm-2" data-category="1" data-sort="white sample">
<a data-title="sample 10 - white" <a data-title="sample 10 - white"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=10">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=10">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=10"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=10"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="1" data-sort="white sample"> <div class="filtr-item col-sm-2" data-category="1" data-sort="white sample">
<a data-title="sample 11 - white" <a data-title="sample 11 - white"
data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=11">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=11">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=11"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=11"/>
</a> </a>
</div> </div>
<div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample"> <div class="filtr-item col-sm-2" data-category="2, 4" data-sort="black sample">
<a data-title="sample 12 - black" <a data-title="sample 12 - black"
data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=12">
data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=12">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=12"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=12"/>
</a> </a>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 1 - white" data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=1">
data-title="sample 1 - white" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=1">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=1"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=1"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 2 - black" data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=2">
data-title="sample 2 - black" data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=2">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=2"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=2"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 3 - red" data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=3">
data-title="sample 3 - red" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=3">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=3"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=3"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 4 - red" data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=4">
data-title="sample 4 - red" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=4">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=4"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=4"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 5 - black" data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=5">
data-title="sample 5 - black" data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=5">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=5"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=5"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 6 - white" data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=6">
data-title="sample 6 - white" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=6">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=6"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=6"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 7 - white" data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=7">
data-title="sample 7 - white" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=7">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=7"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=7"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 8 - black" data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=8">
data-title="sample 8 - black" data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=8">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=8"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=8"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 9 - red" data-toggle="lightbox" href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=9">
data-title="sample 9 - red" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FF0000/FFFFFF.png?text=9">
<img alt="red sample" <img alt="red sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FF0000/FFFFFF?text=9"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FF0000/FFFFFF?text=9"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 10 - white" data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=10">
data-title="sample 10 - white" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=10">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=10"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=10"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 11 - white" data-toggle="lightbox" href="https://via.placeholder.com/1200/FFFFFF.png?text=11">
data-title="sample 11 - white" data-toggle="lightbox"
href="https://via.placeholder.com/1200/FFFFFF.png?text=11">
<img alt="white sample" <img alt="white sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/FFFFFF?text=11"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/FFFFFF?text=11"/>
</a> </a>
</div> </div>
<div class="col-sm-2"> <div class="col-sm-2">
<a data-gallery="gallery" <a data-gallery="gallery"
data-title="sample 12 - black" data-toggle="lightbox" href="https://via.placeholder.com/1200/000000.png?text=12">
data-title="sample 12 - black" data-toggle="lightbox"
href="https://via.placeholder.com/1200/000000.png?text=12">
<img alt="black sample" <img alt="black sample"
class="img-fluid mb-2" src="https://via.placeholder.com/300/000000?text=12"/>
class="img-fluid mb-2"
src="https://via.placeholder.com/300/000000?text=12"/>
</a> </a>
</div> </div>
</div> </div>

+ 8
- 4
SecureSharing/wwwroot/pages/layout/top-nav-sidebar.html Voir le fichier

<span class="brand-text font-weight-light">AdminLTE 3</span> <span class="brand-text font-weight-light">AdminLTE 3</span>
</a> </a>


<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler order-1"
<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler order-1"
data-target="#navbarCollapse" data-toggle="collapse" type="button"> data-target="#navbarCollapse" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="nav-link" href="#">Contact</a> <a class="nav-link" href="#">Contact</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle"
data-toggle="dropdown"
href="#" id="dropdownSubMenu1">Dropdown</a> href="#" id="dropdownSubMenu1">Dropdown</a>
<ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
<li><a class="dropdown-item" href="#">Some action </a></li> <li><a class="dropdown-item" href="#">Some action </a></li>


<!-- Level two dropdown--> <!-- Level two dropdown-->
<li class="dropdown-submenu dropdown-hover"> <li class="dropdown-submenu dropdown-hover">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle"
data-toggle="dropdown"
href="#" id="dropdownSubMenu2" role="button">Hover href="#" id="dropdownSubMenu2" role="button">Hover
for action</a> for action</a>
<ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow">


<!-- Level three dropdown--> <!-- Level three dropdown-->
<li class="dropdown-submenu"> <li class="dropdown-submenu">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true"
class="dropdown-item dropdown-toggle" data-toggle="dropdown"
href="#" id="dropdownSubMenu3" href="#" id="dropdownSubMenu3"
role="button">level 2</a> role="button">level 2</a>
<ul aria-labelledby="dropdownSubMenu3" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu3" class="dropdown-menu border-0 shadow">

+ 8
- 4
SecureSharing/wwwroot/pages/layout/top-nav.html Voir le fichier

<span class="brand-text font-weight-light">AdminLTE 3</span> <span class="brand-text font-weight-light">AdminLTE 3</span>
</a> </a>


<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler order-1"
<button aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler order-1"
data-target="#navbarCollapse" data-toggle="collapse" type="button"> data-target="#navbarCollapse" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<a class="nav-link" href="#">Contact</a> <a class="nav-link" href="#">Contact</a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle"
data-toggle="dropdown"
href="#" id="dropdownSubMenu1">Dropdown</a> href="#" id="dropdownSubMenu1">Dropdown</a>
<ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu1" class="dropdown-menu border-0 shadow">
<li><a class="dropdown-item" href="#">Some action </a></li> <li><a class="dropdown-item" href="#">Some action </a></li>


<!-- Level two dropdown--> <!-- Level two dropdown-->
<li class="dropdown-submenu dropdown-hover"> <li class="dropdown-submenu dropdown-hover">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle"
data-toggle="dropdown"
href="#" id="dropdownSubMenu2" role="button">Hover href="#" id="dropdownSubMenu2" role="button">Hover
for action</a> for action</a>
<ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu2" class="dropdown-menu border-0 shadow">


<!-- Level three dropdown--> <!-- Level three dropdown-->
<li class="dropdown-submenu"> <li class="dropdown-submenu">
<a aria-expanded="false" aria-haspopup="true" class="dropdown-item dropdown-toggle" data-toggle="dropdown"
<a aria-expanded="false" aria-haspopup="true"
class="dropdown-item dropdown-toggle" data-toggle="dropdown"
href="#" id="dropdownSubMenu3" href="#" id="dropdownSubMenu3"
role="button">level 2</a> role="button">level 2</a>
<ul aria-labelledby="dropdownSubMenu3" class="dropdown-menu border-0 shadow"> <ul aria-labelledby="dropdownSubMenu3" class="dropdown-menu border-0 shadow">

+ 4
- 2
SecureSharing/wwwroot/pages/search/enhanced-results.html Voir le fichier

<div class="list-group-item"> <div class="list-group-item">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
class="border-0" class="border-0"
height="160" height="160"
src="https://www.youtube.com/embed/WEkSYw3o5is?controls=0" width="240"></iframe>
src="https://www.youtube.com/embed/WEkSYw3o5is?controls=0"
width="240"></iframe>
</div> </div>
<div class="col px-4"> <div class="col px-4">
<div> <div>

+ 4
- 2
SecureSharing/wwwroot/pages/search/simple-results.html Voir le fichier

<div class="list-group-item"> <div class="list-group-item">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
class="border-0" class="border-0"
height="160" height="160"
src="https://www.youtube.com/embed/WEkSYw3o5is?controls=0" width="240"></iframe>
src="https://www.youtube.com/embed/WEkSYw3o5is?controls=0"
width="240"></iframe>
</div> </div>
<div class="col px-4"> <div class="col px-4">
<div> <div>

+ 8
- 4
SecureSharing/wwwroot/pages/widgets.html Voir le fichier

<h3 class="card-title">Card Refresh</h3> <h3 class="card-title">Card Refresh</h3>


<div class="card-tools"> <div class="card-tools">
<button class="btn btn-tool" data-card-widget="card-refresh" data-source="widgets.html"
<button class="btn btn-tool" data-card-widget="card-refresh"
data-source="widgets.html"
data-source-selector="#card-refresh-content" type="button"> data-source-selector="#card-refresh-content" type="button">
<i class="fas fa-sync-alt"></i> <i class="fas fa-sync-alt"></i>
</button> </button>
<h3 class="card-title">All together</h3> <h3 class="card-title">All together</h3>


<div class="card-tools"> <div class="card-tools">
<button class="btn btn-tool" data-card-widget="card-refresh" data-load-on-init="false"
<button class="btn btn-tool" data-card-widget="card-refresh"
data-load-on-init="false"
data-source="widgets.html" data-source-selector="#card-refresh-content" data-source="widgets.html" data-source-selector="#card-refresh-content"
type="button"> type="button">
<i class="fas fa-sync-alt"></i> <i class="fas fa-sync-alt"></i>
src="../dist/img/user4-128x128.jpg"> src="../dist/img/user4-128x128.jpg">
<!-- .img-push is used to add margin to elements next to floating images --> <!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push"> <div class="img-push">
<input class="form-control form-control-sm" placeholder="Press enter to post comment"
<input class="form-control form-control-sm"
placeholder="Press enter to post comment"
type="text"> type="text">
</div> </div>
</form> </form>
src="../dist/img/user4-128x128.jpg"> src="../dist/img/user4-128x128.jpg">
<!-- .img-push is used to add margin to elements next to floating images --> <!-- .img-push is used to add margin to elements next to floating images -->
<div class="img-push"> <div class="img-push">
<input class="form-control form-control-sm" placeholder="Press enter to post comment"
<input class="form-control form-control-sm"
placeholder="Press enter to post comment"
type="text"> type="text">
</div> </div>
</form> </form>

+ 7
- 7
SecureSharing/wwwroot/plugins/ckeditor/CHANGES.md Voir le fichier

* Updated [SCAYT](https://ckeditor.com/cke4/addon/scayt) (Spell Check As You Type) * Updated [SCAYT](https://ckeditor.com/cke4/addon/scayt) (Spell Check As You Type)
and [WebSpellChecker](https://ckeditor.com/cke4/addon/wsc) (WSC) plugins: and [WebSpellChecker](https://ckeditor.com/cke4/addon/wsc) (WSC) plugins:
* *
SCAYT [`scayt_minWordLength`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#scayt_minWordLength)
configuration option now defaults to 3 instead of 4.
SCAYT [`scayt_minWordLength`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#scayt_minWordLength)
configuration option now defaults to 3 instead of 4.
* SCAYT default number of suggested words in the context menu changed to 3. * SCAYT default number of suggested words in the context menu changed to 3.
* [#90](https://github.com/WebSpellChecker/ckeditor-plugin-scayt/issues/90): Fixed: Selection is lost on link * [#90](https://github.com/WebSpellChecker/ckeditor-plugin-scayt/issues/90): Fixed: Selection is lost on link
creation if SCAYT highlights the word. creation if SCAYT highlights the word.
, [`drop`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-drop) , [`drop`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-drop)
, [`dragend`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-dragend). , [`dragend`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-dragend).
* *
The [Data Transfer](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.plugins.clipboard.dataTransfer.html)
facade was introduced to unify access to data in various types and
files. [Data Transfer](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.plugins.clipboard.dataTransfer.html)
is now always available in
the [`editor#paste`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-paste) event.
The [Data Transfer](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.plugins.clipboard.dataTransfer.html)
facade was introduced to unify access to data in various types and
files. [Data Transfer](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.plugins.clipboard.dataTransfer.html)
is now always available in
the [`editor#paste`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#event-paste) event.
* Switched from the pastebin to using the native clipboard access whenever possible. This solved many issues * Switched from the pastebin to using the native clipboard access whenever possible. This solved many issues
related to pastebin such as unnecessary scrolling or data loss. Additionally, on copy and cut from the editor related to pastebin such as unnecessary scrolling or data loss. Additionally, on copy and cut from the editor
the clipboard data is set. Therefore, on paste the editor has access to clean data, undisturbed by the the clipboard data is set. Therefore, on paste the editor has access to clean data, undisturbed by the

+ 2
- 0
SecureSharing/wwwroot/plugins/ckeditor/plugins/exportpdf/CHANGELOG.md Voir le fichier

Other Changes: Other Changes:


* *

Improved [plugin API documentation](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-exportPdf_fileName) Improved [plugin API documentation](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-exportPdf_fileName)
. .

* Updated Export to PDF plugin npm readme to link to * Updated Export to PDF plugin npm readme to link to
the [official plugin documentation](https://ckeditor.com/docs/ckeditor4/latest/features/exporttopdf.html). the [official plugin documentation](https://ckeditor.com/docs/ckeditor4/latest/features/exporttopdf.html).



+ 2
- 1
SecureSharing/wwwroot/plugins/ckeditor/samples/toolbarconfigurator/index.html Voir le fichier

<div class="grid-container-nested"> <div class="grid-container-nested">
<h1 class="grid-width-60"> <h1 class="grid-width-60">
Toolbar Configurator Toolbar Configurator
<a class="button-a button-a-background button-a-no-text icon-pos-left icon-question-mark" href="#help-content" id="help" title="Configurator help"
<a class="button-a button-a-background button-a-no-text icon-pos-left icon-question-mark"
href="#help-content" id="help" title="Configurator help"
type="button">Help</a> type="button">Help</a>
</h1> </h1>



+ 2
- 2
SecureSharing/wwwroot/plugins/jszip/jszip.js Voir le fichier

r = e.state, n = e.next_in, z = e.input, i = n + (e.avail_in - 5), s = e.next_out, C = e.output, a = s - (t - e.avail_out), o = s + (e.avail_out - 257), u = r.dmax, h = r.wsize, f = r.whave, l = r.wnext, d = r.window, c = r.hold, p = r.bits, m = r.lencode, _ = r.distcode, g = (1 << r.lenbits) - 1, v = (1 << r.distbits) - 1; r = e.state, n = e.next_in, z = e.input, i = n + (e.avail_in - 5), s = e.next_out, C = e.output, a = s - (t - e.avail_out), o = s + (e.avail_out - 257), u = r.dmax, h = r.wsize, f = r.whave, l = r.wnext, d = r.window, c = r.hold, p = r.bits, m = r.lencode, _ = r.distcode, g = (1 << r.lenbits) - 1, v = (1 << r.distbits) - 1;
e:do { e:do {
p < 15 && (c += z[n++] << p, p += 8, c += z[n++] << p, p += 8), b = m[c & g]; p < 15 && (c += z[n++] << p, p += 8, c += z[n++] << p, p += 8), b = m[c & g];
t:for (; ;) {
for (; ;) {
if (c >>>= w = b >>> 24, p -= w, 0 == (w = b >>> 16 & 255)) C[s++] = 65535 & b; else { if (c >>>= w = b >>> 24, p -= w, 0 == (w = b >>> 16 & 255)) C[s++] = 65535 & b; else {
if (!(16 & w)) { if (!(16 & w)) {
if (0 == (64 & w)) { if (0 == (64 & w)) {
break e break e
} }
y = 65535 & b, (w &= 15) && (p < w && (c += z[n++] << p, p += 8), y += c & (1 << w) - 1, c >>>= w, p -= w), p < 15 && (c += z[n++] << p, p += 8, c += z[n++] << p, p += 8), b = _[c & v]; y = 65535 & b, (w &= 15) && (p < w && (c += z[n++] << p, p += 8), y += c & (1 << w) - 1, c >>>= w, p -= w), p < 15 && (c += z[n++] << p, p += 8, c += z[n++] << p, p += 8), b = _[c & v];
r:for (; ;) {
for (; ;) {
if (c >>>= w = b >>> 24, p -= w, !(16 & (w = b >>> 16 & 255))) { if (c >>>= w = b >>> 24, p -= w, !(16 & (w = b >>> 16 & 255))) {
if (0 == (64 & w)) { if (0 == (64 & w)) {
b = _[(65535 & b) + (c & (1 << w) - 1)]; b = _[(65535 & b) + (c & (1 << w) - 1)];

+ 148
- 150
SecureSharing/wwwroot/plugins/pdfmake/pdfmake.js Voir le fichier



here = lcode[hold & lmask]; here = lcode[hold & lmask];


dolen:
for (; ;) { // Goto emulation
op = here >>> 24/*here.bits*/;
hold >>>= op;
bits -= op;
op = (here >>> 16) & 0xff/*here.op*/;
if (op === 0) { /* literal */
//Tracevv((stderr, here.val >= 0x20 && here.val < 0x7f ?
// "inflate: literal '%c'\n" :
// "inflate: literal 0x%02x\n", here.val));
output[_out++] = here & 0xffff/*here.val*/;
} else if (op & 16) { /* length base */
len = here & 0xffff/*here.val*/;
op &= 15; /* number of extra bits */
if (op) {
for (; ;) { // Goto emulation
op = here >>> 24/*here.bits*/;
hold >>>= op;
bits -= op;
op = (here >>> 16) & 0xff/*here.op*/;
if (op === 0) { /* literal */
//Tracevv((stderr, here.val >= 0x20 && here.val < 0x7f ?
// "inflate: literal '%c'\n" :
// "inflate: literal 0x%02x\n", here.val));
output[_out++] = here & 0xffff/*here.val*/;
} else if (op & 16) { /* length base */
len = here & 0xffff/*here.val*/;
op &= 15; /* number of extra bits */
if (op) {
if (bits < op) {
hold += input[_in++] << bits;
bits += 8;
}
len += hold & ((1 << op) - 1);
hold >>>= op;
bits -= op;
}
//Tracevv((stderr, "inflate: length %u\n", len));
if (bits < 15) {
hold += input[_in++] << bits;
bits += 8;
hold += input[_in++] << bits;
bits += 8;
}
here = dcode[hold & dmask];

for (; ;) { // goto emulation
op = here >>> 24/*here.bits*/;
hold >>>= op;
bits -= op;
op = (here >>> 16) & 0xff/*here.op*/;

if (op & 16) { /* distance base */
dist = here & 0xffff/*here.val*/;
op &= 15; /* number of extra bits */
if (bits < op) { if (bits < op) {
hold += input[_in++] << bits; hold += input[_in++] << bits;
bits += 8; bits += 8;
if (bits < op) {
hold += input[_in++] << bits;
bits += 8;
}
}
dist += hold & ((1 << op) - 1);
//#ifdef INFLATE_STRICT
if (dist > dmax) {
strm.msg = 'invalid distance too far back';
state.mode = BAD;
break top;
} }
len += hold & ((1 << op) - 1);
//#endif
hold >>>= op; hold >>>= op;
bits -= op; bits -= op;
}
//Tracevv((stderr, "inflate: length %u\n", len));
if (bits < 15) {
hold += input[_in++] << bits;
bits += 8;
hold += input[_in++] << bits;
bits += 8;
}
here = dcode[hold & dmask];

dodist:
for (; ;) { // goto emulation
op = here >>> 24/*here.bits*/;
hold >>>= op;
bits -= op;
op = (here >>> 16) & 0xff/*here.op*/;

if (op & 16) { /* distance base */
dist = here & 0xffff/*here.val*/;
op &= 15; /* number of extra bits */
if (bits < op) {
hold += input[_in++] << bits;
bits += 8;
if (bits < op) {
hold += input[_in++] << bits;
bits += 8;
}
}
dist += hold & ((1 << op) - 1);
//#ifdef INFLATE_STRICT
if (dist > dmax) {
//Tracevv((stderr, "inflate: distance %u\n", dist));
op = _out - beg; /* max distance in output */
if (dist > op) { /* see if copy from window */
op = dist - op; /* distance back in window */
if (op > whave) {
if (state.sane) {
strm.msg = 'invalid distance too far back'; strm.msg = 'invalid distance too far back';
state.mode = BAD; state.mode = BAD;
break top; break top;
} }
//#endif
hold >>>= op;
bits -= op;
//Tracevv((stderr, "inflate: distance %u\n", dist));
op = _out - beg; /* max distance in output */
if (dist > op) { /* see if copy from window */
op = dist - op; /* distance back in window */
if (op > whave) {
if (state.sane) {
strm.msg = 'invalid distance too far back';
state.mode = BAD;
break top;
}


// (!) This block is disabled in zlib defaults, // (!) This block is disabled in zlib defaults,
// don't enable it for binary compatibility // don't enable it for binary compatibility
// continue top; // continue top;
// } // }
//#endif //#endif
}
from = 0; // window index
from_source = s_window;
if (wnext === 0) { /* very common case */
from += wsize - op;
if (op < len) { /* some from window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
}
} else if (wnext < op) { /* wrap around window */
from += wsize + wnext - op;
op -= wnext;
if (op < len) { /* some from end of window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = 0;
if (wnext < len) { /* some from start of window */
op = wnext;
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
}
}
} else { /* contiguous in window */
from += wnext - op;
if (op < len) { /* some from window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
}
}
while (len > 2) {
output[_out++] = from_source[from++];
output[_out++] = from_source[from++];
output[_out++] = from_source[from++];
len -= 3;
}
if (len) {
output[_out++] = from_source[from++];
if (len > 1) {
output[_out++] = from_source[from++];
}
}
} else {
from = _out - dist; /* copy direct from output */
do { /* minimum length is three */
output[_out++] = output[from++];
output[_out++] = output[from++];
output[_out++] = output[from++];
len -= 3;
} while (len > 2);
if (len) {
output[_out++] = output[from++];
if (len > 1) {
output[_out++] = output[from++];
}
}
from = 0; // window index
from_source = s_window;
if (wnext === 0) { /* very common case */
from += wsize - op;
if (op < len) { /* some from window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
}
} else if (wnext < op) { /* wrap around window */
from += wsize + wnext - op;
op -= wnext;
if (op < len) { /* some from end of window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = 0;
if (wnext < len) { /* some from start of window */
op = wnext;
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
} }
} }
} else if ((op & 64) === 0) { /* 2nd level distance code */
here = dcode[(here & 0xffff)/*here.val*/ + (hold & ((1 << op) - 1))];
continue;
} else {
strm.msg = 'invalid distance code';
state.mode = BAD;
break top;
} else { /* contiguous in window */
from += wnext - op;
if (op < len) { /* some from window */
len -= op;
do {
output[_out++] = s_window[from++];
} while (--op);
from = _out - dist; /* rest from output */
from_source = output;
}
}
while (len > 2) {
output[_out++] = from_source[from++];
output[_out++] = from_source[from++];
output[_out++] = from_source[from++];
len -= 3;
}
if (len) {
output[_out++] = from_source[from++];
if (len > 1) {
output[_out++] = from_source[from++];
}
}
} else {
from = _out - dist; /* copy direct from output */
do { /* minimum length is three */
output[_out++] = output[from++];
output[_out++] = output[from++];
output[_out++] = output[from++];
len -= 3;
} while (len > 2);
if (len) {
output[_out++] = output[from++];
if (len > 1) {
output[_out++] = output[from++];
}
} }

break; // need to emulate goto via "continue"
} }
} else if ((op & 64) === 0) { /* 2nd level length code */
here = lcode[(here & 0xffff)/*here.val*/ + (hold & ((1 << op) - 1))];
continue;
} else if (op & 32) { /* end-of-block */
//Tracevv((stderr, "inflate: end of block\n"));
state.mode = TYPE;
break top;
} else {
strm.msg = 'invalid literal/length code';
state.mode = BAD;
break top;
}
} else if ((op & 64) === 0) { /* 2nd level distance code */
here = dcode[(here & 0xffff)/*here.val*/ + (hold & ((1 << op) - 1))];
continue;
} else {
strm.msg = 'invalid distance code';
state.mode = BAD;
break top;
}


break; // need to emulate goto via "continue"
break; // need to emulate goto via "continue"
}
} else if ((op & 64) === 0) { /* 2nd level length code */
here = lcode[(here & 0xffff)/*here.val*/ + (hold & ((1 << op) - 1))];
continue;
} else if (op & 32) { /* end-of-block */
//Tracevv((stderr, "inflate: end of block\n"));
state.mode = TYPE;
break top;
} else {
strm.msg = 'invalid literal/length code';
state.mode = BAD;
break top;
} }

break; // need to emulate goto via "continue"
}
} while (_in < last && _out < end); } while (_in < last && _out < end);


/* return unused bytes (on entry, bits < 8, so in won't go too far back) */ /* return unused bytes (on entry, bits < 8, so in won't go too far back) */

+ 0
- 1
SecureSharing/wwwroot/plugins/summernote/summernote-bs4.js Voir le fichier

} }
} }


continue;


case TableResultAction.resultAction.RemoveCell: case TableResultAction.resultAction.RemoveCell:
// Do not need remove cell because row will be deleted. // Do not need remove cell because row will be deleted.

+ 0
- 1
SecureSharing/wwwroot/plugins/summernote/summernote-lite.js Voir le fichier

} }
} }


continue;


case TableResultAction.resultAction.RemoveCell: case TableResultAction.resultAction.RemoveCell:
// Do not need remove cell because row will be deleted. // Do not need remove cell because row will be deleted.

+ 0
- 1
SecureSharing/wwwroot/plugins/summernote/summernote.js Voir le fichier

} }
} }


continue;


case TableResultAction.resultAction.RemoveCell: case TableResultAction.resultAction.RemoveCell:
// Do not need remove cell because row will be deleted. // Do not need remove cell because row will be deleted.

Chargement…
Annuler
Enregistrer