| using System; | |||||
| namespace SecureSharing.Business.Dtos; | |||||
| namespace SecureSharing.Business.Dtos; | |||||
| public sealed class MessageDto : BaseDto | public sealed class MessageDto : BaseDto | ||||
| { | { |
| using System; | |||||
| using Microsoft.Extensions.Configuration; | using Microsoft.Extensions.Configuration; | ||||
| using Microsoft.Extensions.DependencyInjection; | using Microsoft.Extensions.DependencyInjection; | ||||
| 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; |
| 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; |
| using System; | |||||
| namespace SecureSharing.Data.Data; | |||||
| namespace SecureSharing.Data.Data; | |||||
| public sealed class Message : BaseEntity | public sealed class Message : BaseEntity | ||||
| { | { |
| using Microsoft.AspNetCore.Hosting; | |||||
| using SecureSharing.Areas.Identity; | |||||
| using SecureSharing.Areas.Identity; | |||||
| [assembly: HostingStartup(typeof(IdentityHostingStartup))] | [assembly: HostingStartup(typeof(IdentityHostingStartup))] | ||||
| 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; | ||||
| 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); |
| 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 | ||||
| { | { |
| 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; |
| using System.Threading.Tasks; | |||||
| using SecureSharing.Models; | |||||
| using SecureSharing.Models; | |||||
| namespace SecureSharing.Infrastructure; | namespace SecureSharing.Infrastructure; | ||||
| 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, |
| using System; | |||||
| namespace SecureSharing.Models; | |||||
| namespace SecureSharing.Models; | |||||
| public sealed class LinkModel | public sealed class LinkModel | ||||
| { | { |
| using System; | |||||
| using System.Collections.Concurrent; | |||||
| using Microsoft.Extensions.DependencyInjection; | |||||
| using System.Collections.Concurrent; | |||||
| using Quartz; | using Quartz; | ||||
| using Quartz.Spi; | using Quartz.Spi; | ||||
| using System; | |||||
| namespace SecureSharing.Quartz; | |||||
| namespace SecureSharing.Quartz; | |||||
| public sealed class JobMetadata | public sealed class JobMetadata | ||||
| { | { |
| 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; |
| </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> |
| <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> |
| > 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} | ||||
| <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"> |
| <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> |
| <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 |
| </div> | </div> | ||||
| <div class="col-sm-6"> | <div class="col-sm-6"> | ||||
| <input data-from="30000" data-hasgrid="true" data-postfix=" €" data-step="500" | |||||
| <input data-from="30000" data-hasgrid="true" data-postfix=" €" | |||||
| 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]" |
| <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" |
| <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> |
| </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> |
| <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> |
| <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> |
| <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> |
| <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> |
| <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"> |
| <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> |
| <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"> |
| <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"> |
| <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> |
| <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> |
| <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> |
| * 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 |
| 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). | ||||
| <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> | ||||
| 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)]; |
| 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) */ |
| } | } | ||||
| } | } | ||||
| 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. |
| } | } | ||||
| } | } | ||||
| 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. |
| } | } | ||||
| } | } | ||||
| 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. |