vendor\uvdesk\core-framework\Resources\views\dashboard.html.twig line 1

Open in your IDE?
  1. {% extends "@UVDeskCoreFramework//Templates//layout.html.twig" %}
  3. {% block title %}Dashboard{% endblock %}
  5. {% block templateCSS %}
  6.     <style>
  7.         .uv-activity-wrapper {
  8.             margin-top: 60px;
  9.         }
  10.         .uv-activity-wrapper .uv-activity-chart-col-lt {
  11.             width: 80%;
  12.             float: left;
  13.         }
  14.         ul.uv-activity-brick-wrapper {
  15.             list-style: none;
  16.             margin: 0;
  17.             padding: 0;
  18.             width: 100%;
  19.             display: inline-block;
  20.         }
  21.         ul.uv-activity-brick-wrapper li {
  22.             width: 25%;
  23.             display: inline-block;
  24.             float: left;
  25.             padding-left: 10px;
  26.             padding-right: 10px;
  27.             color: #fff;
  28.         }
  29.         ul.uv-activity-brick-wrapper .uv-activity-brick {
  30.             border-radius: 3px;
  31.             padding: 10px;
  32.             text-align: center;
  33.         }
  34.         ul.uv-activity-brick-wrapper li a {
  35.             color: #fff;
  36.             font-size: 45px;
  37.             width: 100%;
  38.             display: inline-block;
  39.         }
  40.         ul.uv-activity-brick-wrapper li label {
  41.             font-size: 18px;
  42.             width: 100%;
  43.             display: inline-block;
  44.         }
  45.         .uv-activity-chart-bottom-row .uv-pannel-body {
  46.             height: 450px;
  47.         }
  48.         .kudos-overview {
  49.             width: 40%;
  50.             float: left;
  51.             padding-right: 10px;
  52.         }
  53.         .recent-notification {
  54.             width: 30%;
  55.             float: left;
  56.             padding-left: 10px;
  57.         }
  58.         .completion-chart {
  59.             width: 300px;
  60.             margin: 0 auto;
  61.         }
  62.         .progress-meter .background {
  63.             fill: #EFEFEF;
  64.         }
  65.         .progress-meter text {
  66.             font-size: 30px;
  67.         }
  68.         .kudos-overview .uv-pannel-body {
  69.             text-align: center;
  70.             padding-top: 50px;
  71.         }
  72.         .kudos-overview .uv-pannel-body label {
  73.             margin-top: 10px;
  74.             display: inline-block;
  75.         }
  76.         .recent-notification ul {
  77.             list-style: none;
  78.             padding: 0;
  79.             margin: 0;
  80.             overflow-y: auto;
  81.             max-height: 400px !important;
  82.         }
  83.         .recent-notification .uv-pannel-body {
  84.             padding: 0;
  85.         }
  86.         .recent-notification ul li {
  87.             color: #333333;
  88.             border-bottom: solid 1px #D3D3D3;
  89.             padding: 15px 20px;
  90.         }
  91.         .recent-notification ul li:first-child {
  92.             border-top: none;
  93.         }
  94.         .recent-notification ul li:last-child {
  95.             border-bottom: none;
  96.         }
  97.         .recent-notification ul li * {
  98.             display: inline-block !important;
  99.         }
  100.         .recent-notification ul li .timeago {
  101.             color: #9E9E9E;
  102.             margin-top: 5px;
  103.             font-size: 13px;
  104.         }
  105.         .recent-notification label {
  106.             text-align: center;
  107.             display: inline-block;
  108.             width: 100%;
  109.             padding-top: 15px;
  110.             border-top: 1px solid #d3d3d3;
  111.         }
  112.         .recent-notification span.uv-notification-message {
  113.             float: left;
  114.             width: 100%;
  115.         }
  116.         .kudos-count {
  117.             width: 30%;
  118.             float: left;
  119.             padding-right: 10px;
  120.             padding-left: 10px;
  121.         }
  122.         .kudos-count .uv-pannel-body {
  123.             padding-top: 50px;
  124.             overflow-y: auto;
  125.         }
  126.         .kudos-count ul {
  127.             list-style: none;
  128.             padding: 0;
  129.             margin: 0;
  130.         }
  131.         .kudos-count ul li {
  132.             width: 100%;
  133.             display: inline-block;
  134.             padding: 15px 0;
  135.         }
  136.         .kudos-count ul li .uv-icon-kudos  {
  137.             vertical-align: middle;
  138.             margin-right: 10px;
  139.         }
  140.         .uv-activity-wrapper .uv-activity-chart-col-rt {
  141.             width: 20%;
  142.             float: left;
  143.         }
  144.         .uv-activity-chart-col-rt ul {
  145.             padding: 0;
  146.             margin: 0;
  147.             list-style: none;
  148.         }
  149.         .uv-activity-chart-col-rt ul li {
  150.             margin-bottom: 10px
  151.         }
  152.         .uv-activity-chart-col-rt ul li span {
  153.             width: 100%;
  154.             display: inline-block;
  155.             color: #6f6f6f;
  156.         }
  157.         .uv-middle {
  158.             margin: 0 auto;
  159.             display: inline-block;
  160.             margin-top: 200px;
  161.             text-align: center;
  162.             width: 100%;
  163.         }
  164.         @media screen and (max-width: 1024px) {
  165.             .uv-activity-wrapper .uv-activity-chart-col-lt {
  166.                 width: 100%;
  167.                 padding: 0;
  168.             }
  169.             .uv-activity-wrapper .uv-activity-chart-col-rt {
  170.                 width: 100%;
  171.             }
  172.             .kudos-overview {
  173.                 width: 100%;
  174.                 padding: 0;
  175.             }
  176.             .kudos-count {
  177.                 width: 100%;
  178.                 padding: 0;
  179.             }
  180.             .recent-notification {
  181.                 width: 100%;
  182.                 padding: 0;
  183.             }
  184.             ul.uv-activity-brick-wrapper li {
  185.                 width: 50%;
  186.                 margin: 10px 0;
  187.             }
  188.         }
  189.         @media screen and (max-width: 768px) {
  190.             ul.uv-activity-brick-wrapper li {
  191.                 width: 100%;
  192.             }
  193.         }
  194.         @media screen and (max-width: 467px) {
  195.             .completion-chart {
  196.                 width: 100%;
  197.             }
  198.         }
  199.         span.uv-notification-message a:link, span.uv-notification-message a:visited, label a:link, label a:visited {
  200.             color: #2750C4;
  201.             font-size: 15px;
  202.         }
  203.         .uv-mob-aside {
  204.             display: none;
  205.         }
  206.         #btndisclaimer {
  207.               position: fixed;
  208.               right: 25px;
  209.               bottom: 10px;
  210.             background: url("");
  211.         }
  212.     </style>
  213. {% endblock %}
  215. {% block pageContent %}
  216.     <div class="uv-area">
  217.         {{ uvdesk_extensibles.getRegisteredComponent('Webkul\\UVDesk\\CoreFrameworkBundle\\Dashboard\\Dashboard').getHomepageTemplate().render()|raw }}
  219.         {# @TODO: Version number should be loaded dynamically #}
  220.         <div class="uv-copyright">
  221.             <span class="uv-credit-text">{{ 'Powered by'|trans }} <a href="https://www.uvdesk.com" target="_blank">UVdesk</a></span> | <span class="uv-credit-text">V -1.1.0</span>
  222.         </div>
  224.         <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
  225.             <button type="submit" class="btn btn-primary btn-md" id="btndisclaimer" title={{'clear cache'|trans }}><img src="https://api.iconify.design/mdi:delete-restore.svg?height=24" aria-hidden="true"></button>
  226.           </div>
  227.     </div>
  229. <script>
  230.     $('#btndisclaimer').click(function(e){
  232.         $.ajax({
  233.             url : "{{ path('helpdesk_member_cache_clear') }}",
  234.             method: 'POST',
  235.             data: "",
  236.             success : function(response) {
  237.                 app.appView.renderResponseAlert(response);
  238.             },
  239.             error: function (xhr) {
  240.                 app.appView.renderResponseAlert(xhr);
  241.             }
  242.         });
  243.     });
  244. </script>
  245. {% endblock %}
  247. {% block footer %}
  248.     {{ parent() }}
  249. {% endblock %}