djordje.djoric
/
secure-sharing
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 Комити
1 Грана
Грана: master
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
secure-sharing/SecureSharing/wwwroot/pages/calendar.html

calendar.html 55KB
Датотека Пермалинк Blame Историја

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. <head>

  4.     <meta charset="utf-8">

  5.     <meta content="width=device-width, initial-scale=1" name="viewport">

  6.     <title>AdminLTE 3 | Calendar</title>

  7. 

  8.     <!-- Google Font: Source Sans Pro -->

  9.     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"

  10.           rel="stylesheet">

  11.     <!-- Font Awesome -->

  12.     <link href="../plugins/fontawesome-free/css/all.min.css" rel="stylesheet">

  13.     <!-- fullCalendar -->

  14.     <link href="../plugins/fullcalendar/main.css" rel="stylesheet">

  15.     <!-- Theme style -->

  16.     <link href="../dist/css/adminlte.min.css" rel="stylesheet">

  17. </head>

  18. <body class="hold-transition sidebar-mini">

  19. <div class="wrapper">

  20.     <!-- Navbar -->

  21.     <nav class="main-header navbar navbar-expand navbar-white navbar-light">

  22.         <!-- Left navbar links -->

  23.         <ul class="navbar-nav">

  24.             <li class="nav-item">

  25.                 <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>

  26.             </li>

  27.             <li class="nav-item d-none d-sm-inline-block">

  28.                 <a class="nav-link" href="../index3.html">Home</a>

  29.             </li>

  30.             <li class="nav-item d-none d-sm-inline-block">

  31.                 <a class="nav-link" href="#">Contact</a>

  32.             </li>

  33.         </ul>

  34. 

  35.         <!-- Right navbar links -->

  36.         <ul class="navbar-nav ml-auto">

  37.             <!-- Navbar Search -->

  38.             <li class="nav-item">

  39.                 <a class="nav-link" data-widget="navbar-search" href="#" role="button">

  40.                     <i class="fas fa-search"></i>

  41.                 </a>

  42.                 <div class="navbar-search-block">

  43.                     <form class="form-inline">

  44.                         <div class="input-group input-group-sm">

  45.                             <input aria-label="Search" class="form-control form-control-navbar" placeholder="Search"

  46.                                    type="search">

  47.                             <div class="input-group-append">

  48.                                 <button class="btn btn-navbar" type="submit">

  49.                                     <i class="fas fa-search"></i>

  50.                                 </button>

  51.                                 <button class="btn btn-navbar" data-widget="navbar-search" type="button">

  52.                                     <i class="fas fa-times"></i>

  53.                                 </button>

  54.                             </div>

  55.                         </div>

  56.                     </form>

  57.                 </div>

  58.             </li>

  59. 

  60.             <!-- Messages Dropdown Menu -->

  61.             <li class="nav-item dropdown">

  62.                 <a class="nav-link" data-toggle="dropdown" href="#">

  63.                     <i class="far fa-comments"></i>

  64.                     <span class="badge badge-danger navbar-badge">3</span>

  65.                 </a>

  66.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

  67.                     <a class="dropdown-item" href="#">

  68.                         <!-- Message Start -->

  69.                         <div class="media">

  70.                             <img alt="User Avatar" class="img-size-50 mr-3 img-circle"

  71.                                  src="../dist/img/user1-128x128.jpg">

  72.                             <div class="media-body">

  73.                                 <h3 class="dropdown-item-title">

  74.                                     Brad Diesel

  75.                                     <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>

  76.                                 </h3>

  77.                                 <p class="text-sm">Call me whenever you can...</p>

  78.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  79.                             </div>

  80.                         </div>

  81.                         <!-- Message End -->

  82.                     </a>

  83.                     <div class="dropdown-divider"></div>

  84.                     <a class="dropdown-item" href="#">

  85.                         <!-- Message Start -->

  86.                         <div class="media">

  87.                             <img alt="User Avatar" class="img-size-50 img-circle mr-3"

  88.                                  src="../dist/img/user8-128x128.jpg">

  89.                             <div class="media-body">

  90.                                 <h3 class="dropdown-item-title">

  91.                                     John Pierce

  92.                                     <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>

  93.                                 </h3>

  94.                                 <p class="text-sm">I got your message bro</p>

  95.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  96.                             </div>

  97.                         </div>

  98.                         <!-- Message End -->

  99.                     </a>

  100.                     <div class="dropdown-divider"></div>

  101.                     <a class="dropdown-item" href="#">

  102.                         <!-- Message Start -->

  103.                         <div class="media">

  104.                             <img alt="User Avatar" class="img-size-50 img-circle mr-3"

  105.                                  src="../dist/img/user3-128x128.jpg">

  106.                             <div class="media-body">

  107.                                 <h3 class="dropdown-item-title">

  108.                                     Nora Silvester

  109.                                     <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>

  110.                                 </h3>

  111.                                 <p class="text-sm">The subject goes here</p>

  112.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  113.                             </div>

  114.                         </div>

  115.                         <!-- Message End -->

  116.                     </a>

  117.                     <div class="dropdown-divider"></div>

  118.                     <a class="dropdown-item dropdown-footer" href="#">See All Messages</a>

  119.                 </div>

  120.             </li>

  121.             <!-- Notifications Dropdown Menu -->

  122.             <li class="nav-item dropdown">

  123.                 <a class="nav-link" data-toggle="dropdown" href="#">

  124.                     <i class="far fa-bell"></i>

  125.                     <span class="badge badge-warning navbar-badge">15</span>

  126.                 </a>

  127.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

  128.                     <span class="dropdown-item dropdown-header">15 Notifications</span>

  129.                     <div class="dropdown-divider"></div>

  130.                     <a class="dropdown-item" href="#">

  131.                         <i class="fas fa-envelope mr-2"></i> 4 new messages

  132.                         <span class="float-right text-muted text-sm">3 mins</span>

  133.                     </a>

  134.                     <div class="dropdown-divider"></div>

  135.                     <a class="dropdown-item" href="#">

  136.                         <i class="fas fa-users mr-2"></i> 8 friend requests

  137.                         <span class="float-right text-muted text-sm">12 hours</span>

  138.                     </a>

  139.                     <div class="dropdown-divider"></div>

  140.                     <a class="dropdown-item" href="#">

  141.                         <i class="fas fa-file mr-2"></i> 3 new reports

  142.                         <span class="float-right text-muted text-sm">2 days</span>

  143.                     </a>

  144.                     <div class="dropdown-divider"></div>

  145.                     <a class="dropdown-item dropdown-footer" href="#">See All Notifications</a>

  146.                 </div>

  147.             </li>

  148.             <li class="nav-item">

  149.                 <a class="nav-link" data-widget="fullscreen" href="#" role="button">

  150.                     <i class="fas fa-expand-arrows-alt"></i>

  151.                 </a>

  152.             </li>

  153.             <li class="nav-item">

  154.                 <a class="nav-link" data-slide="true" data-widget="control-sidebar" href="#" role="button">

  155.                     <i class="fas fa-th-large"></i>

  156.                 </a>

  157.             </li>

  158.         </ul>

  159.     </nav>

  160.     <!-- /.navbar -->

  161. 

  162.     <!-- Main Sidebar Container -->

  163.     <aside class="main-sidebar sidebar-dark-primary elevation-4">

  164.         <!-- Brand Logo -->

  165.         <a class="brand-link" href="../index3.html">

  166.             <img alt="AdminLTE Logo" class="brand-image img-circle elevation-3" src="../dist/img/AdminLTELogo.png"

  167.                  style="opacity: .8">

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

  169.         </a>

  170. 

  171.         <!-- Sidebar -->

  172.         <div class="sidebar">

  173.             <!-- Sidebar user panel (optional) -->

  174.             <div class="user-panel mt-3 pb-3 mb-3 d-flex">

  175.                 <div class="image">

  176.                     <img alt="User Image" class="img-circle elevation-2" src="../dist/img/user2-160x160.jpg">

  177.                 </div>

  178.                 <div class="info">

  179.                     <a class="d-block" href="#">Alexander Pierce</a>

  180.                 </div>

  181.             </div>

  182. 

  183.             <!-- SidebarSearch Form -->

  184.             <div class="form-inline">

  185.                 <div class="input-group" data-widget="sidebar-search">

  186.                     <input aria-label="Search" class="form-control form-control-sidebar" placeholder="Search"

  187.                            type="search">

  188.                     <div class="input-group-append">

  189.                         <button class="btn btn-sidebar">

  190.                             <i class="fas fa-search fa-fw"></i>

  191.                         </button>

  192.                     </div>

  193.                 </div>

  194.             </div>

  195. 

  196.             <!-- Sidebar Menu -->

  197.             <nav class="mt-2">

  198.                 <ul class="nav nav-pills nav-sidebar flex-column" data-accordion="false" data-widget="treeview"

  199.                     role="menu">

  200.                     <!-- Add icons to the links using the .nav-icon class

  201.                          with font-awesome or any other icon font library -->

  202.                     <li class="nav-item">

  203.                         <a class="nav-link" href="#">

  204.                             <i class="nav-icon fas fa-tachometer-alt"></i>

  205.                             <p>

  206.                                 Dashboard

  207.                                 <i class="right fas fa-angle-left"></i>

  208.                             </p>

  209.                         </a>

  210.                         <ul class="nav nav-treeview">

  211.                             <li class="nav-item">

  212.                                 <a class="nav-link" href="../index.html">

  213.                                     <i class="far fa-circle nav-icon"></i>

  214.                                     <p>Dashboard v1</p>

  215.                                 </a>

  216.                             </li>

  217.                             <li class="nav-item">

  218.                                 <a class="nav-link" href="../index2.html">

  219.                                     <i class="far fa-circle nav-icon"></i>

  220.                                     <p>Dashboard v2</p>

  221.                                 </a>

  222.                             </li>

  223.                             <li class="nav-item">

  224.                                 <a class="nav-link" href="../index3.html">

  225.                                     <i class="far fa-circle nav-icon"></i>

  226.                                     <p>Dashboard v3</p>

  227.                                 </a>

  228.                             </li>

  229.                         </ul>

  230.                     </li>

  231.                     <li class="nav-item">

  232.                         <a class="nav-link" href="widgets.html">

  233.                             <i class="nav-icon fas fa-th"></i>

  234.                             <p>

  235.                                 Widgets

  236.                                 <span class="right badge badge-danger">New</span>

  237.                             </p>

  238.                         </a>

  239.                     </li>

  240.                     <li class="nav-item">

  241.                         <a class="nav-link" href="#">

  242.                             <i class="nav-icon fas fa-copy"></i>

  243.                             <p>

  244.                                 Layout Options

  245.                                 <i class="fas fa-angle-left right"></i>

  246.                                 <span class="badge badge-info right">6</span>

  247.                             </p>

  248.                         </a>

  249.                         <ul class="nav nav-treeview">

  250.                             <li class="nav-item">

  251.                                 <a class="nav-link" href="layout/top-nav.html">

  252.                                     <i class="far fa-circle nav-icon"></i>

  253.                                     <p>Top Navigation</p>

  254.                                 </a>

  255.                             </li>

  256.                             <li class="nav-item">

  257.                                 <a class="nav-link" href="layout/top-nav-sidebar.html">

  258.                                     <i class="far fa-circle nav-icon"></i>

  259.                                     <p>Top Navigation + Sidebar</p>

  260.                                 </a>

  261.                             </li>

  262.                             <li class="nav-item">

  263.                                 <a class="nav-link" href="layout/boxed.html">

  264.                                     <i class="far fa-circle nav-icon"></i>

  265.                                     <p>Boxed</p>

  266.                                 </a>

  267.                             </li>

  268.                             <li class="nav-item">

  269.                                 <a class="nav-link" href="layout/fixed-sidebar.html">

  270.                                     <i class="far fa-circle nav-icon"></i>

  271.                                     <p>Fixed Sidebar</p>

  272.                                 </a>

  273.                             </li>

  274.                             <li class="nav-item">

  275.                                 <a class="nav-link" href="layout/fixed-sidebar-custom.html">

  276.                                     <i class="far fa-circle nav-icon"></i>

  277.                                     <p>Fixed Sidebar <small>+ Custom Area</small></p>

  278.                                 </a>

  279.                             </li>

  280.                             <li class="nav-item">

  281.                                 <a class="nav-link" href="layout/fixed-topnav.html">

  282.                                     <i class="far fa-circle nav-icon"></i>

  283.                                     <p>Fixed Navbar</p>

  284.                                 </a>

  285.                             </li>

  286.                             <li class="nav-item">

  287.                                 <a class="nav-link" href="layout/fixed-footer.html">

  288.                                     <i class="far fa-circle nav-icon"></i>

  289.                                     <p>Fixed Footer</p>

  290.                                 </a>

  291.                             </li>

  292.                             <li class="nav-item">

  293.                                 <a class="nav-link" href="layout/collapsed-sidebar.html">

  294.                                     <i class="far fa-circle nav-icon"></i>

  295.                                     <p>Collapsed Sidebar</p>

  296.                                 </a>

  297.                             </li>

  298.                         </ul>

  299.                     </li>

  300.                     <li class="nav-item">

  301.                         <a class="nav-link" href="#">

  302.                             <i class="nav-icon fas fa-chart-pie"></i>

  303.                             <p>

  304.                                 Charts

  305.                                 <i class="right fas fa-angle-left"></i>

  306.                             </p>

  307.                         </a>

  308.                         <ul class="nav nav-treeview">

  309.                             <li class="nav-item">

  310.                                 <a class="nav-link" href="charts/chartjs.html">

  311.                                     <i class="far fa-circle nav-icon"></i>

  312.                                     <p>ChartJS</p>

  313.                                 </a>

  314.                             </li>

  315.                             <li class="nav-item">

  316.                                 <a class="nav-link" href="charts/flot.html">

  317.                                     <i class="far fa-circle nav-icon"></i>

  318.                                     <p>Flot</p>

  319.                                 </a>

  320.                             </li>

  321.                             <li class="nav-item">

  322.                                 <a class="nav-link" href="charts/inline.html">

  323.                                     <i class="far fa-circle nav-icon"></i>

  324.                                     <p>Inline</p>

  325.                                 </a>

  326.                             </li>

  327.                             <li class="nav-item">

  328.                                 <a class="nav-link" href="charts/uplot.html">

  329.                                     <i class="far fa-circle nav-icon"></i>

  330.                                     <p>uPlot</p>

  331.                                 </a>

  332.                             </li>

  333.                         </ul>

  334.                     </li>

  335.                     <li class="nav-item">

  336.                         <a class="nav-link" href="#">

  337.                             <i class="nav-icon fas fa-tree"></i>

  338.                             <p>

  339.                                 UI Elements

  340.                                 <i class="fas fa-angle-left right"></i>

  341.                             </p>

  342.                         </a>

  343.                         <ul class="nav nav-treeview">

  344.                             <li class="nav-item">

  345.                                 <a class="nav-link" href="UI/general.html">

  346.                                     <i class="far fa-circle nav-icon"></i>

  347.                                     <p>General</p>

  348.                                 </a>

  349.                             </li>

  350.                             <li class="nav-item">

  351.                                 <a class="nav-link" href="UI/icons.html">

  352.                                     <i class="far fa-circle nav-icon"></i>

  353.                                     <p>Icons</p>

  354.                                 </a>

  355.                             </li>

  356.                             <li class="nav-item">

  357.                                 <a class="nav-link" href="UI/buttons.html">

  358.                                     <i class="far fa-circle nav-icon"></i>

  359.                                     <p>Buttons</p>

  360.                                 </a>

  361.                             </li>

  362.                             <li class="nav-item">

  363.                                 <a class="nav-link" href="UI/sliders.html">

  364.                                     <i class="far fa-circle nav-icon"></i>

  365.                                     <p>Sliders</p>

  366.                                 </a>

  367.                             </li>

  368.                             <li class="nav-item">

  369.                                 <a class="nav-link" href="UI/modals.html">

  370.                                     <i class="far fa-circle nav-icon"></i>

  371.                                     <p>Modals & Alerts</p>

  372.                                 </a>

  373.                             </li>

  374.                             <li class="nav-item">

  375.                                 <a class="nav-link" href="UI/navbar.html">

  376.                                     <i class="far fa-circle nav-icon"></i>

  377.                                     <p>Navbar & Tabs</p>

  378.                                 </a>

  379.                             </li>

  380.                             <li class="nav-item">

  381.                                 <a class="nav-link" href="UI/timeline.html">

  382.                                     <i class="far fa-circle nav-icon"></i>

  383.                                     <p>Timeline</p>

  384.                                 </a>

  385.                             </li>

  386.                             <li class="nav-item">

  387.                                 <a class="nav-link" href="UI/ribbons.html">

  388.                                     <i class="far fa-circle nav-icon"></i>

  389.                                     <p>Ribbons</p>

  390.                                 </a>

  391.                             </li>

  392.                         </ul>

  393.                     </li>

  394.                     <li class="nav-item">

  395.                         <a class="nav-link" href="#">

  396.                             <i class="nav-icon fas fa-edit"></i>

  397.                             <p>

  398.                                 Forms

  399.                                 <i class="fas fa-angle-left right"></i>

  400.                             </p>

  401.                         </a>

  402.                         <ul class="nav nav-treeview">

  403.                             <li class="nav-item">

  404.                                 <a class="nav-link" href="forms/general.html">

  405.                                     <i class="far fa-circle nav-icon"></i>

  406.                                     <p>General Elements</p>

  407.                                 </a>

  408.                             </li>

  409.                             <li class="nav-item">

  410.                                 <a class="nav-link" href="forms/advanced.html">

  411.                                     <i class="far fa-circle nav-icon"></i>

  412.                                     <p>Advanced Elements</p>

  413.                                 </a>

  414.                             </li>

  415.                             <li class="nav-item">

  416.                                 <a class="nav-link" href="forms/editors.html">

  417.                                     <i class="far fa-circle nav-icon"></i>

  418.                                     <p>Editors</p>

  419.                                 </a>

  420.                             </li>

  421.                             <li class="nav-item">

  422.                                 <a class="nav-link" href="forms/validation.html">

  423.                                     <i class="far fa-circle nav-icon"></i>

  424.                                     <p>Validation</p>

  425.                                 </a>

  426.                             </li>

  427.                         </ul>

  428.                     </li>

  429.                     <li class="nav-item">

  430.                         <a class="nav-link" href="#">

  431.                             <i class="nav-icon fas fa-table"></i>

  432.                             <p>

  433.                                 Tables

  434.                                 <i class="fas fa-angle-left right"></i>

  435.                             </p>

  436.                         </a>

  437.                         <ul class="nav nav-treeview">

  438.                             <li class="nav-item">

  439.                                 <a class="nav-link" href="tables/simple.html">

  440.                                     <i class="far fa-circle nav-icon"></i>

  441.                                     <p>Simple Tables</p>

  442.                                 </a>

  443.                             </li>

  444.                             <li class="nav-item">

  445.                                 <a class="nav-link" href="tables/data.html">

  446.                                     <i class="far fa-circle nav-icon"></i>

  447.                                     <p>DataTables</p>

  448.                                 </a>

  449.                             </li>

  450.                             <li class="nav-item">

  451.                                 <a class="nav-link" href="tables/jsgrid.html">

  452.                                     <i class="far fa-circle nav-icon"></i>

  453.                                     <p>jsGrid</p>

  454.                                 </a>

  455.                             </li>

  456.                         </ul>

  457.                     </li>

  458.                     <li class="nav-header">EXAMPLES</li>

  459.                     <li class="nav-item">

  460.                         <a class="nav-link active" href="calendar.html">

  461.                             <i class="nav-icon far fa-calendar-alt"></i>

  462.                             <p>

  463.                                 Calendar

  464.                                 <span class="badge badge-info right">2</span>

  465.                             </p>

  466.                         </a>

  467.                     </li>

  468.                     <li class="nav-item">

  469.                         <a class="nav-link" href="gallery.html">

  470.                             <i class="nav-icon far fa-image"></i>

  471.                             <p>

  472.                                 Gallery

  473.                             </p>

  474.                         </a>

  475.                     </li>

  476.                     <li class="nav-item">

  477.                         <a class="nav-link" href="kanban.html">

  478.                             <i class="nav-icon fas fa-columns"></i>

  479.                             <p>

  480.                                 Kanban Board

  481.                             </p>

  482.                         </a>

  483.                     </li>

  484.                     <li class="nav-item">

  485.                         <a class="nav-link" href="#">

  486.                             <i class="nav-icon far fa-envelope"></i>

  487.                             <p>

  488.                                 Mailbox

  489.                                 <i class="fas fa-angle-left right"></i>

  490.                             </p>

  491.                         </a>

  492.                         <ul class="nav nav-treeview">

  493.                             <li class="nav-item">

  494.                                 <a class="nav-link" href="mailbox/mailbox.html">

  495.                                     <i class="far fa-circle nav-icon"></i>

  496.                                     <p>Inbox</p>

  497.                                 </a>

  498.                             </li>

  499.                             <li class="nav-item">

  500.                                 <a class="nav-link" href="mailbox/compose.html">

  501.                                     <i class="far fa-circle nav-icon"></i>

  502.                                     <p>Compose</p>

  503.                                 </a>

  504.                             </li>

  505.                             <li class="nav-item">

  506.                                 <a class="nav-link" href="mailbox/read-mail.html">

  507.                                     <i class="far fa-circle nav-icon"></i>

  508.                                     <p>Read</p>

  509.                                 </a>

  510.                             </li>

  511.                         </ul>

  512.                     </li>

  513.                     <li class="nav-item">

  514.                         <a class="nav-link" href="#">

  515.                             <i class="nav-icon fas fa-book"></i>

  516.                             <p>

  517.                                 Pages

  518.                                 <i class="fas fa-angle-left right"></i>

  519.                             </p>

  520.                         </a>

  521.                         <ul class="nav nav-treeview">

  522.                             <li class="nav-item">

  523.                                 <a class="nav-link" href="examples/invoice.html">

  524.                                     <i class="far fa-circle nav-icon"></i>

  525.                                     <p>Invoice</p>

  526.                                 </a>

  527.                             </li>

  528.                             <li class="nav-item">

  529.                                 <a class="nav-link" href="examples/profile.html">

  530.                                     <i class="far fa-circle nav-icon"></i>

  531.                                     <p>Profile</p>

  532.                                 </a>

  533.                             </li>

  534.                             <li class="nav-item">

  535.                                 <a class="nav-link" href="examples/e-commerce.html">

  536.                                     <i class="far fa-circle nav-icon"></i>

  537.                                     <p>E-commerce</p>

  538.                                 </a>

  539.                             </li>

  540.                             <li class="nav-item">

  541.                                 <a class="nav-link" href="examples/projects.html">

  542.                                     <i class="far fa-circle nav-icon"></i>

  543.                                     <p>Projects</p>

  544.                                 </a>

  545.                             </li>

  546.                             <li class="nav-item">

  547.                                 <a class="nav-link" href="examples/project-add.html">

  548.                                     <i class="far fa-circle nav-icon"></i>

  549.                                     <p>Project Add</p>

  550.                                 </a>

  551.                             </li>

  552.                             <li class="nav-item">

  553.                                 <a class="nav-link" href="examples/project-edit.html">

  554.                                     <i class="far fa-circle nav-icon"></i>

  555.                                     <p>Project Edit</p>

  556.                                 </a>

  557.                             </li>

  558.                             <li class="nav-item">

  559.                                 <a class="nav-link" href="examples/project-detail.html">

  560.                                     <i class="far fa-circle nav-icon"></i>

  561.                                     <p>Project Detail</p>

  562.                                 </a>

  563.                             </li>

  564.                             <li class="nav-item">

  565.                                 <a class="nav-link" href="examples/contacts.html">

  566.                                     <i class="far fa-circle nav-icon"></i>

  567.                                     <p>Contacts</p>

  568.                                 </a>

  569.                             </li>

  570.                             <li class="nav-item">

  571.                                 <a class="nav-link" href="examples/faq.html">

  572.                                     <i class="far fa-circle nav-icon"></i>

  573.                                     <p>FAQ</p>

  574.                                 </a>

  575.                             </li>

  576.                             <li class="nav-item">

  577.                                 <a class="nav-link" href="examples/contact-us.html">

  578.                                     <i class="far fa-circle nav-icon"></i>

  579.                                     <p>Contact us</p>

  580.                                 </a>

  581.                             </li>

  582.                         </ul>

  583.                     </li>

  584.                     <li class="nav-item">

  585.                         <a class="nav-link" href="#">

  586.                             <i class="nav-icon far fa-plus-square"></i>

  587.                             <p>

  588.                                 Extras

  589.                                 <i class="fas fa-angle-left right"></i>

  590.                             </p>

  591.                         </a>

  592.                         <ul class="nav nav-treeview">

  593.                             <li class="nav-item">

  594.                                 <a class="nav-link" href="#">

  595.                                     <i class="far fa-circle nav-icon"></i>

  596.                                     <p>

  597.                                         Login & Register v1

  598.                                         <i class="fas fa-angle-left right"></i>

  599.                                     </p>

  600.                                 </a>

  601.                                 <ul class="nav nav-treeview">

  602.                                     <li class="nav-item">

  603.                                         <a class="nav-link" href="examples/login.html">

  604.                                             <i class="far fa-circle nav-icon"></i>

  605.                                             <p>Login v1</p>

  606.                                         </a>

  607.                                     </li>

  608.                                     <li class="nav-item">

  609.                                         <a class="nav-link" href="examples/register.html">

  610.                                             <i class="far fa-circle nav-icon"></i>

  611.                                             <p>Register v1</p>

  612.                                         </a>

  613.                                     </li>

  614.                                     <li class="nav-item">

  615.                                         <a class="nav-link" href="examples/forgot-password.html">

  616.                                             <i class="far fa-circle nav-icon"></i>

  617.                                             <p>Forgot Password v1</p>

  618.                                         </a>

  619.                                     </li>

  620.                                     <li class="nav-item">

  621.                                         <a class="nav-link" href="examples/recover-password.html">

  622.                                             <i class="far fa-circle nav-icon"></i>

  623.                                             <p>Recover Password v1</p>

  624.                                         </a>

  625.                                     </li>

  626.                                 </ul>

  627.                             </li>

  628.                             <li class="nav-item">

  629.                                 <a class="nav-link" href="#">

  630.                                     <i class="far fa-circle nav-icon"></i>

  631.                                     <p>

  632.                                         Login & Register v2

  633.                                         <i class="fas fa-angle-left right"></i>

  634.                                     </p>

  635.                                 </a>

  636.                                 <ul class="nav nav-treeview">

  637.                                     <li class="nav-item">

  638.                                         <a class="nav-link" href="examples/login-v2.html">

  639.                                             <i class="far fa-circle nav-icon"></i>

  640.                                             <p>Login v2</p>

  641.                                         </a>

  642.                                     </li>

  643.                                     <li class="nav-item">

  644.                                         <a class="nav-link" href="examples/register-v2.html">

  645.                                             <i class="far fa-circle nav-icon"></i>

  646.                                             <p>Register v2</p>

  647.                                         </a>

  648.                                     </li>

  649.                                     <li class="nav-item">

  650.                                         <a class="nav-link" href="examples/forgot-password-v2.html">

  651.                                             <i class="far fa-circle nav-icon"></i>

  652.                                             <p>Forgot Password v2</p>

  653.                                         </a>

  654.                                     </li>

  655.                                     <li class="nav-item">

  656.                                         <a class="nav-link" href="examples/recover-password-v2.html">

  657.                                             <i class="far fa-circle nav-icon"></i>

  658.                                             <p>Recover Password v2</p>

  659.                                         </a>

  660.                                     </li>

  661.                                 </ul>

  662.                             </li>

  663.                             <li class="nav-item">

  664.                                 <a class="nav-link" href="examples/lockscreen.html">

  665.                                     <i class="far fa-circle nav-icon"></i>

  666.                                     <p>Lockscreen</p>

  667.                                 </a>

  668.                             </li>

  669.                             <li class="nav-item">

  670.                                 <a class="nav-link" href="examples/legacy-user-menu.html">

  671.                                     <i class="far fa-circle nav-icon"></i>

  672.                                     <p>Legacy User Menu</p>

  673.                                 </a>

  674.                             </li>

  675.                             <li class="nav-item">

  676.                                 <a class="nav-link" href="examples/language-menu.html">

  677.                                     <i class="far fa-circle nav-icon"></i>

  678.                                     <p>Language Menu</p>

  679.                                 </a>

  680.                             </li>

  681.                             <li class="nav-item">

  682.                                 <a class="nav-link" href="examples/404.html">

  683.                                     <i class="far fa-circle nav-icon"></i>

  684.                                     <p>Error 404</p>

  685.                                 </a>

  686.                             </li>

  687.                             <li class="nav-item">

  688.                                 <a class="nav-link" href="examples/500.html">

  689.                                     <i class="far fa-circle nav-icon"></i>

  690.                                     <p>Error 500</p>

  691.                                 </a>

  692.                             </li>

  693.                             <li class="nav-item">

  694.                                 <a class="nav-link" href="examples/pace.html">

  695.                                     <i class="far fa-circle nav-icon"></i>

  696.                                     <p>Pace</p>

  697.                                 </a>

  698.                             </li>

  699.                             <li class="nav-item">

  700.                                 <a class="nav-link" href="examples/blank.html">

  701.                                     <i class="far fa-circle nav-icon"></i>

  702.                                     <p>Blank Page</p>

  703.                                 </a>

  704.                             </li>

  705.                             <li class="nav-item">

  706.                                 <a class="nav-link" href="../starter.html">

  707.                                     <i class="far fa-circle nav-icon"></i>

  708.                                     <p>Starter Page</p>

  709.                                 </a>

  710.                             </li>

  711.                         </ul>

  712.                     </li>

  713.                     <li class="nav-item">

  714.                         <a class="nav-link" href="#">

  715.                             <i class="nav-icon fas fa-search"></i>

  716.                             <p>

  717.                                 Search

  718.                                 <i class="fas fa-angle-left right"></i>

  719.                             </p>

  720.                         </a>

  721.                         <ul class="nav nav-treeview">

  722.                             <li class="nav-item">

  723.                                 <a class="nav-link" href="search/simple.html">

  724.                                     <i class="far fa-circle nav-icon"></i>

  725.                                     <p>Simple Search</p>

  726.                                 </a>

  727.                             </li>

  728.                             <li class="nav-item">

  729.                                 <a class="nav-link" href="search/enhanced.html">

  730.                                     <i class="far fa-circle nav-icon"></i>

  731.                                     <p>Enhanced</p>

  732.                                 </a>

  733.                             </li>

  734.                         </ul>

  735.                     </li>

  736.                     <li class="nav-header">MISCELLANEOUS</li>

  737.                     <li class="nav-item">

  738.                         <a class="nav-link" href="../iframe.html">

  739.                             <i class="nav-icon fas fa-ellipsis-h"></i>

  740.                             <p>Tabbed IFrame Plugin</p>

  741.                         </a>

  742.                     </li>

  743.                     <li class="nav-item">

  744.                         <a class="nav-link" href="https://adminlte.io/docs/3.1/">

  745.                             <i class="nav-icon fas fa-file"></i>

  746.                             <p>Documentation</p>

  747.                         </a>

  748.                     </li>

  749.                     <li class="nav-header">MULTI LEVEL EXAMPLE</li>

  750.                     <li class="nav-item">

  751.                         <a class="nav-link" href="#">

  752.                             <i class="fas fa-circle nav-icon"></i>

  753.                             <p>Level 1</p>

  754.                         </a>

  755.                     </li>

  756.                     <li class="nav-item">

  757.                         <a class="nav-link" href="#">

  758.                             <i class="nav-icon fas fa-circle"></i>

  759.                             <p>

  760.                                 Level 1

  761.                                 <i class="right fas fa-angle-left"></i>

  762.                             </p>

  763.                         </a>

  764.                         <ul class="nav nav-treeview">

  765.                             <li class="nav-item">

  766.                                 <a class="nav-link" href="#">

  767.                                     <i class="far fa-circle nav-icon"></i>

  768.                                     <p>Level 2</p>

  769.                                 </a>

  770.                             </li>

  771.                             <li class="nav-item">

  772.                                 <a class="nav-link" href="#">

  773.                                     <i class="far fa-circle nav-icon"></i>

  774.                                     <p>

  775.                                         Level 2

  776.                                         <i class="right fas fa-angle-left"></i>

  777.                                     </p>

  778.                                 </a>

  779.                                 <ul class="nav nav-treeview">

  780.                                     <li class="nav-item">

  781.                                         <a class="nav-link" href="#">

  782.                                             <i class="far fa-dot-circle nav-icon"></i>

  783.                                             <p>Level 3</p>

  784.                                         </a>

  785.                                     </li>

  786.                                     <li class="nav-item">

  787.                                         <a class="nav-link" href="#">

  788.                                             <i class="far fa-dot-circle nav-icon"></i>

  789.                                             <p>Level 3</p>

  790.                                         </a>

  791.                                     </li>

  792.                                     <li class="nav-item">

  793.                                         <a class="nav-link" href="#">

  794.                                             <i class="far fa-dot-circle nav-icon"></i>

  795.                                             <p>Level 3</p>

  796.                                         </a>

  797.                                     </li>

  798.                                 </ul>

  799.                             </li>

  800.                             <li class="nav-item">

  801.                                 <a class="nav-link" href="#">

  802.                                     <i class="far fa-circle nav-icon"></i>

  803.                                     <p>Level 2</p>

  804.                                 </a>

  805.                             </li>

  806.                         </ul>

  807.                     </li>

  808.                     <li class="nav-item">

  809.                         <a class="nav-link" href="#">

  810.                             <i class="fas fa-circle nav-icon"></i>

  811.                             <p>Level 1</p>

  812.                         </a>

  813.                     </li>

  814.                     <li class="nav-header">LABELS</li>

  815.                     <li class="nav-item">

  816.                         <a class="nav-link" href="#">

  817.                             <i class="nav-icon far fa-circle text-danger"></i>

  818.                             <p class="text">Important</p>

  819.                         </a>

  820.                     </li>

  821.                     <li class="nav-item">

  822.                         <a class="nav-link" href="#">

  823.                             <i class="nav-icon far fa-circle text-warning"></i>

  824.                             <p>Warning</p>

  825.                         </a>

  826.                     </li>

  827.                     <li class="nav-item">

  828.                         <a class="nav-link" href="#">

  829.                             <i class="nav-icon far fa-circle text-info"></i>

  830.                             <p>Informational</p>

  831.                         </a>

  832.                     </li>

  833.                 </ul>

  834.             </nav>

  835.             <!-- /.sidebar-menu -->

  836.         </div>

  837.         <!-- /.sidebar -->

  838.     </aside>

  839. 

  840.     <!-- Content Wrapper. Contains page content -->

  841.     <div class="content-wrapper">

  842.         <!-- Content Header (Page header) -->

  843.         <section class="content-header">

  844.             <div class="container-fluid">

  845.                 <div class="row mb-2">

  846.                     <div class="col-sm-6">

  847.                         <h1>Calendar</h1>

  848.                     </div>

  849.                     <div class="col-sm-6">

  850.                         <ol class="breadcrumb float-sm-right">

  851.                             <li class="breadcrumb-item"><a href="#">Home</a></li>

  852.                             <li class="breadcrumb-item active">Calendar</li>

  853.                         </ol>

  854.                     </div>

  855.                 </div>

  856.             </div><!-- /.container-fluid -->

  857.         </section>

  858. 

  859.         <!-- Main content -->

  860.         <section class="content">

  861.             <div class="container-fluid">

  862.                 <div class="row">

  863.                     <div class="col-md-3">

  864.                         <div class="sticky-top mb-3">

  865.                             <div class="card">

  866.                                 <div class="card-header">

  867.                                     <h4 class="card-title">Draggable Events</h4>

  868.                                 </div>

  869.                                 <div class="card-body">

  870.                                     <!-- the events -->

  871.                                     <div id="external-events">

  872.                                         <div class="external-event bg-success">Lunch</div>

  873.                                         <div class="external-event bg-warning">Go home</div>

  874.                                         <div class="external-event bg-info">Do homework</div>

  875.                                         <div class="external-event bg-primary">Work on UI design</div>

  876.                                         <div class="external-event bg-danger">Sleep tight</div>

  877.                                         <div class="checkbox">

  878.                                             <label for="drop-remove">

  879.                                                 <input id="drop-remove" type="checkbox">

  880.                                                 remove after drop

  881.                                             </label>

  882.                                         </div>

  883.                                     </div>

  884.                                 </div>

  885.                                 <!-- /.card-body -->

  886.                             </div>

  887.                             <!-- /.card -->

  888.                             <div class="card">

  889.                                 <div class="card-header">

  890.                                     <h3 class="card-title">Create Event</h3>

  891.                                 </div>

  892.                                 <div class="card-body">

  893.                                     <div class="btn-group" style="width: 100%; margin-bottom: 10px;">

  894.                                         <ul class="fc-color-picker" id="color-chooser">

  895.                                             <li><a class="text-primary" href="#"><i class="fas fa-square"></i></a></li>

  896.                                             <li><a class="text-warning" href="#"><i class="fas fa-square"></i></a></li>

  897.                                             <li><a class="text-success" href="#"><i class="fas fa-square"></i></a></li>

  898.                                             <li><a class="text-danger" href="#"><i class="fas fa-square"></i></a></li>

  899.                                             <li><a class="text-muted" href="#"><i class="fas fa-square"></i></a></li>

  900.                                         </ul>

  901.                                     </div>

  902.                                     <!-- /btn-group -->

  903.                                     <div class="input-group">

  904.                                         <input class="form-control" id="new-event" placeholder="Event Title"

  905.                                                type="text">

  906. 

  907.                                         <div class="input-group-append">

  908.                                             <button class="btn btn-primary" id="add-new-event" type="button">Add

  909.                                             </button>

  910.                                         </div>

  911.                                         <!-- /btn-group -->

  912.                                     </div>

  913.                                     <!-- /input-group -->

  914.                                 </div>

  915.                             </div>

  916.                         </div>

  917.                     </div>

  918.                     <!-- /.col -->

  919.                     <div class="col-md-9">

  920.                         <div class="card card-primary">

  921.                             <div class="card-body p-0">

  922.                                 <!-- THE CALENDAR -->

  923.                                 <div id="calendar"></div>

  924.                             </div>

  925.                             <!-- /.card-body -->

  926.                         </div>

  927.                         <!-- /.card -->

  928.                     </div>

  929.                     <!-- /.col -->

  930.                 </div>

  931.                 <!-- /.row -->

  932.             </div><!-- /.container-fluid -->

  933.         </section>

  934.         <!-- /.content -->

  935.     </div>

  936.     <!-- /.content-wrapper -->

  937. 

  938.     <footer class="main-footer">

  939.         <div class="float-right d-none d-sm-block">

  940.             <b>Version</b> 3.1.0

  941.         </div>

  942.         <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.

  943.     </footer>

  944. 

  945.     <!-- Control Sidebar -->

  946.     <aside class="control-sidebar control-sidebar-dark">

  947.         <!-- Control sidebar content goes here -->

  948.     </aside>

  949.     <!-- /.control-sidebar -->

  950. </div>

  951. <!-- ./wrapper -->

  952. 

  953. <!-- jQuery -->

  954. <script src="../plugins/jquery/jquery.min.js"></script>

  955. <!-- Bootstrap -->

  956. <script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

  957. <!-- jQuery UI -->

  958. <script src="../plugins/jquery-ui/jquery-ui.min.js"></script>

  959. <!-- AdminLTE App -->

  960. <script src="../dist/js/adminlte.min.js"></script>

  961. <!-- fullCalendar 2.2.5 -->

  962. <script src="../plugins/moment/moment.min.js"></script>

  963. <script src="../plugins/fullcalendar/main.js"></script>

  964. <!-- AdminLTE for demo purposes -->

  965. <script src="../dist/js/demo.js"></script>

  966. <!-- Page specific script -->

  967. <script>

  968.     $(function () {

  969. 

  970.         /* initialize the external events

  971.          -----------------------------------------------------------------*/

  972.         function ini_events(ele) {

  973.             ele.each(function () {

  974. 

  975.                 // create an Event Object (https://fullcalendar.io/docs/event-object)

  976.                 // it doesn't need to have a start or end

  977.                 var eventObject = {

  978.                     title: $.trim($(this).text()) // use the element's text as the event title

  979.                 }

  980. 

  981.                 // store the Event Object in the DOM element so we can get to it later

  982.                 $(this).data('eventObject', eventObject)

  983. 

  984.                 // make the event draggable using jQuery UI

  985.                 $(this).draggable({

  986.                     zIndex: 1070,

  987.                     revert: true, // will cause the event to go back to its

  988.                     revertDuration: 0  //  original position after the drag

  989.                 })

  990. 

  991.             })

  992.         }

  993. 

  994.         ini_events($('#external-events div.external-event'))

  995. 

  996.         /* initialize the calendar

  997.          -----------------------------------------------------------------*/

  998.         //Date for the calendar events (dummy data)

  999.         var date = new Date()

  1000.         var d = date.getDate(),

  1001.             m = date.getMonth(),

  1002.             y = date.getFullYear()

  1003. 

  1004.         var Calendar = FullCalendar.Calendar;

  1005.         var Draggable = FullCalendar.Draggable;

  1006. 

  1007.         var containerEl = document.getElementById('external-events');

  1008.         var checkbox = document.getElementById('drop-remove');

  1009.         var calendarEl = document.getElementById('calendar');

  1010. 

  1011.         // initialize the external events

  1012.         // -----------------------------------------------------------------

  1013. 

  1014.         new Draggable(containerEl, {

  1015.             itemSelector: '.external-event',

  1016.             eventData: function (eventEl) {

  1017.                 return {

  1018.                     title: eventEl.innerText,

  1019.                     backgroundColor: window.getComputedStyle(eventEl, null).getPropertyValue('background-color'),

  1020.                     borderColor: window.getComputedStyle(eventEl, null).getPropertyValue('background-color'),

  1021.                     textColor: window.getComputedStyle(eventEl, null).getPropertyValue('color'),

  1022.                 };

  1023.             }

  1024.         });

  1025. 

  1026.         var calendar = new Calendar(calendarEl, {

  1027.             headerToolbar: {

  1028.                 left: 'prev,next today',

  1029.                 center: 'title',

  1030.                 right: 'dayGridMonth,timeGridWeek,timeGridDay'

  1031.             },

  1032.             themeSystem: 'bootstrap',

  1033.             //Random default events

  1034.             events: [

  1035.                 {

  1036.                     title: 'All Day Event',

  1037.                     start: new Date(y, m, 1),

  1038.                     backgroundColor: '#f56954', //red

  1039.                     borderColor: '#f56954', //red

  1040.                     allDay: true

  1041.                 },

  1042.                 {

  1043.                     title: 'Long Event',

  1044.                     start: new Date(y, m, d - 5),

  1045.                     end: new Date(y, m, d - 2),

  1046.                     backgroundColor: '#f39c12', //yellow

  1047.                     borderColor: '#f39c12' //yellow

  1048.                 },

  1049.                 {

  1050.                     title: 'Meeting',

  1051.                     start: new Date(y, m, d, 10, 30),

  1052.                     allDay: false,

  1053.                     backgroundColor: '#0073b7', //Blue

  1054.                     borderColor: '#0073b7' //Blue

  1055.                 },

  1056.                 {

  1057.                     title: 'Lunch',

  1058.                     start: new Date(y, m, d, 12, 0),

  1059.                     end: new Date(y, m, d, 14, 0),

  1060.                     allDay: false,

  1061.                     backgroundColor: '#00c0ef', //Info (aqua)

  1062.                     borderColor: '#00c0ef' //Info (aqua)

  1063.                 },

  1064.                 {

  1065.                     title: 'Birthday Party',

  1066.                     start: new Date(y, m, d + 1, 19, 0),

  1067.                     end: new Date(y, m, d + 1, 22, 30),

  1068.                     allDay: false,

  1069.                     backgroundColor: '#00a65a', //Success (green)

  1070.                     borderColor: '#00a65a' //Success (green)

  1071.                 },

  1072.                 {

  1073.                     title: 'Click for Google',

  1074.                     start: new Date(y, m, 28),

  1075.                     end: new Date(y, m, 29),

  1076.                     url: 'https://www.google.com/',

  1077.                     backgroundColor: '#3c8dbc', //Primary (light-blue)

  1078.                     borderColor: '#3c8dbc' //Primary (light-blue)

  1079.                 }

  1080.             ],

  1081.             editable: true,

  1082.             droppable: true, // this allows things to be dropped onto the calendar !!!

  1083.             drop: function (info) {

  1084.                 // is the "remove after drop" checkbox checked?

  1085.                 if (checkbox.checked) {

  1086.                     // if so, remove the element from the "Draggable Events" list

  1087.                     info.draggedEl.parentNode.removeChild(info.draggedEl);

  1088.                 }

  1089.             }

  1090.         });

  1091. 

  1092.         calendar.render();

  1093.         // $('#calendar').fullCalendar()

  1094. 

  1095.         /* ADDING EVENTS */

  1096.         var currColor = '#3c8dbc' //Red by default

  1097.         // Color chooser button

  1098.         $('#color-chooser > li > a').click(function (e) {

  1099.             e.preventDefault()

  1100.             // Save color

  1101.             currColor = $(this).css('color')

  1102.             // Add color effect to button

  1103.             $('#add-new-event').css({

  1104.                 'background-color': currColor,

  1105.                 'border-color': currColor

  1106.             })

  1107.         })

  1108.         $('#add-new-event').click(function (e) {

  1109.             e.preventDefault()

  1110.             // Get value and make sure it is not null

  1111.             var val = $('#new-event').val()

  1112.             if (val.length == 0) {

  1113.                 return

  1114.             }

  1115. 

  1116.             // Create events

  1117.             var event = $('<div />')

  1118.             event.css({

  1119.                 'background-color': currColor,

  1120.                 'border-color': currColor,

  1121.                 'color': '#fff'

  1122.             }).addClass('external-event')

  1123.             event.text(val)

  1124.             $('#external-events').prepend(event)

  1125. 

  1126.             // Add draggable funtionality

  1127.             ini_events(event)

  1128. 

  1129.             // Remove event from text input

  1130.             $('#new-event').val('')

  1131.         })

  1132.     })

  1133. </script>

  1134. </body>

  1135. </html>