templates/Documents/viewDocuments.html.twig line 1

Open in your IDE?
  1. {% extends 'Admin/base.html.twig' %}
  3. {% block title %}
  4. OceanExpert | {{ documentData.customParameters.title }}
  5. {% endblock %}
  7. {% block stylesheets %}
  8. <link rel="stylesheet" type="text/css" href="{{ asset('css/admin-style.css') }}">
  9. <link rel="stylesheet" type="text/css" href="{{ asset('css/font-awesome.min.css') }}">
  10. <link rel="stylesheet" type="text/css" href="{{ asset('css/select2.min.css') }}">
  11. <link rel="stylesheet" type="text/css" href="{{ asset('css/select2-bootstrap.css') }}">
  12. <link rel="stylesheet" type="text/css" href="{{ asset('css/AdminLTE.min.css') }}">
  13. <link rel="stylesheet" type="text/css" href="{{ asset('css/autocomplete.min.css') }}">
  14. <link rel="stylesheet" type="text/css" href="{{ asset('css/register.css') }}">
  15. <link rel="stylesheet" type="text/css" href="{{ asset('css/tipped.css') }}">
  16. <link rel="stylesheet" type="text/css" href="{{ asset('css/navbar-login.css') }}">
  17. <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap3-wysihtml5.min.css') }}">
  18. <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery-ui.css') }}">
  19. <link rel="stylesheet" type="text/css" href="{{ asset('css/profile.css') }}">
  20. <link rel="stylesheet" type="text/css" href="{{ asset('css/zebra_tooltips.css') }}">
  21. <link rel="stylesheet" type="text/css" href="{{ asset('css/dataTables.bootstrap.css') }}">
  22. {% endblock %}
  24. {% block body %}
  25. {% include('navbarlogin.html.twig') %}
  26. <div class="wrapper">
  27.     <div class="content-wrapper">
  28.         {% block content %}
  29.             <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
  30.                 <h3 class="heading">{{ documentData.customParameters.title }}</h3>
  31.             </div>
  32.             <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
  33.                 <div class="top-padding10">
  34.                     Displaying {{ documentData.getPaginationData.firstItemNumber }}
  35.                     – {{ documentData.getPaginationData.lastItemNumber }} results of {{ documentData.getTotalItemCount }}.
  36.                 </div>
  37.             </div>
  38.             <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
  39.                 <div class="form-inline">
  40.                     <label
  41.                             for="maxItemPerPage">
  42.                         Documents per page:
  43.                     </label>
  44.                     <select id="maxItemPerPage" class="form-control ">
  45.                         {% for key, limit in documentData.customParameters.limits %}
  46.                             {% if documentData.params.limit is defined and key == documentData.params.limit %}
  47.                                 <option id="{{ key }}" selected>{{ limit }}</option>
  48.                             {% else %}
  49.                                 <option id="{{ key }}">{{ limit }}</option>
  50.                             {% endif %}
  51.                         {% endfor %}
  52.                     </select>
  53.                 </div>
  54.             </div>
  55.             <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
  56.                 <form method="get">
  57.                     <div class="form-inline">
  58.                         <label
  59.                                 for="search"
  60.                                 class="col-sm-6 control-label label-search">
  61.                             Search document title:
  62.                         </label>
  63.                         <div class="col-sm-6 float-right">
  64.                             <input
  65.                                     type="text"
  66.                                     class="form-control"
  67.                                     id="search"
  68.                                     placeholder="Search"
  69.                                     name="search"
  70.                                     value="{{  app.request.get('search') }}" />
  71.                         </div>
  72.                     </div>
  73.                 </form>
  74.             </div>
  75.             <div class="clearfix"></div>
  76.             <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  77.                 <p>
  78.                     Below you can see the list of all documents that are stored in OceanExpert.
  79.                 </p>
  80.                 <p>
  81.                     To find the document(s) you are looking for you have these options:
  82.                 </p>
  83.                 <ul>
  84.                     <li>
  85.                         You can browse through the list (sort the documents by clicking on ID, Title or Date in the table header or footer).
  86.                     </li>
  87.                     <li>
  88.                         Use one of the <a
  89.                                 href="{{ path('view_all_doclists') }}"
  90.                                 target="_blank">
  91.                             Document Lists
  92.                         </a> of IOC documents for a particular IOC programme (e.g. <a
  93.                                 href="{{ path('view_doclist', {'idDoclist':6}) }}"
  94.                                 target="_blank">
  95.                             IODE Session reports
  96.                         </a>).
  97.                     </li>
  98.                     <li>
  99.                         The search box at the top right of this page gives you the possibility to search for documents
  100.                         that contain a certain word in their title.<br />
  101.                         Note that this is a very simple search and you need to enter complete words that appear as such in the title<br />
  102.                         (e.g. <em>'national contact manual'</em> will work, <em>'national manual'</em> will not work for a document
  103.                         with the title <em>'IOC National Contact Manual (National Focal Points contact list)'</em> ).
  104.                     </li>
  105.                     <li>
  106.                         For more advanced search queries, you can use the <a
  107.                                 href="https://oceanexpert.org/advancedSearch"
  108.                                 target="_blank">
  109.                             Search page
  110.                         </a> that enables you to do a more elaborated search for availlable documents
  111.                         (e.g. using boolean operators "AND" or "OR").
  112.                     </li>
  113.                 </ul>
  114.             </div>
  115.             <div class="col-xs-11 col-sm-11 col-md-11 col-lg-11">
  116.                 <div class="box-body">
  117.                     <table
  118.                             id="allDocument"
  119.                             class="table table-bordered table-striped">
  120.                         <thead>
  121.                             <tr>
  122.                                 <th>{{ knp_pagination_sortable(documentData, 'ID', 'd.idDoc') }}</th>
  123.                                 <th>{{ knp_pagination_sortable(documentData, 'Title', 'd.title') }}</th>
  124.                                 <th>{{ knp_pagination_sortable(documentData, 'Date', 'd.createdAt') }}</th>
  125.                                 <th>Doclist(s)</th>
  126.                             </tr>
  127.                         </thead>
  128.                         <tbody>
  129.                         {% for document in documentData.items %}
  130.                             <tr>
  131.                                 <td>
  132.                                     <a
  133.                                             href="{{ path('view_document', {'idDoc': document.idDoc}) }}"
  134.                                             target="_blank">
  135.                                         {{ document.idDoc }}
  136.                                     </a>
  137.                                 </td>
  138.                                 <td>
  139.                                     <a
  140.                                             href="{{ path('view_document', {'idDoc': document.idDoc}) }}"
  141.                                             target="_blank">
  142.                                         {{ document.title }}
  143.                                     </a>
  144.                                 </td>
  145.                                 <td>
  146.                                     {{ document.createdAt|date("d/m/Y") }}
  147.                                 </td>
  148.                                 <td>
  149.                                     {# if document.idDoc and doclistDocuments[document.idDoc] and doclistDocuments[document.idDoc][0] and doclistDocuments[document.idDoc][0]['idDoclist'] #}
  150.                                     {% if document.idDoc and doclistDocuments[document.idDoc] is defined %}
  151.                                         {% for doclist in doclistDocuments[document.idDoc] %}
  152.                                             {% if doclists[doclist['idDoclist']] is defined %}
  153.                                                 <a
  154.                                                         href="{{ path('view_doclist', {'idDoclist': doclist['idDoclist']}) }}"
  155.                                                         target="_blank">
  156.                                                     {{ doclists[doclist['idDoclist']] }}
  157.                                                 </a>
  158.                                             {% endif %}
  159.                                         {% endfor %}
  160.                                     {% endif %}
  161.                                 </td>
  162.                             </tr>
  163.                         {% endfor %}
  164.                         </tbody>
  165.                         <tfoot>
  166.                         <tr>
  167.                             <th>{{ knp_pagination_sortable(documentData, 'ID', 'd.idDoc') }}</th>
  168.                             <th>{{ knp_pagination_sortable(documentData, 'Title', 'd.title') }}</th>
  169.                             <th>{{ knp_pagination_sortable(documentData, 'Date', 'd.createdAt') }}</th>
  170.                             <th>Doclist(s)</th>
  171.                         </tr>
  172.                         </tfoot>
  173.                     </table>
  174.                     <div class="col-md-6 pull-right">
  175.                         <div class="navigation pagination-sm pull-right">
  176.                             {{ knp_pagination_render(documentData) }}
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.         <!-- /.box-body -->
  183.         {% endblock %}
  184.     </div>
  185. </div>
  187.     {% include "footer.html.twig" %}
  188.     <script src="{{ asset('js/app.min.js') }}"></script>
  189.     <script src="{{asset('js/icheck.min.js')}}" type="text/javascript"></script>
  190.     <script src="{{asset('js/validator.min.js')}}" type="text/javascript"></script>
  191.     <script src="{{asset('js/jquery-ui.js')}}" type="text/javascript"></script>
  192.     <script src="{{ asset('js/wysihtml5-0.3.0.min.js') }}" type="text/javascript"></script>
  193.     <script src="{{ asset('js/handlebars.runtime.min.js') }}" type="text/javascript"></script>
  194.     <script src="{{ asset('js/bootstrap3-wysihtml5.min.js') }}" type="text/javascript"></script>
  195.     <script src="{{ asset('js/tipped.js') }}" type="text/javascript"></script>
  196.     <script type="text/javascript" >
  198.         function updateQueryStringParameter(uri, key, value) {
  199.             var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  200.             var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  201.             if (uri.match(re)) {
  202.                 return uri.replace(re, '$1' + key + "=" + value + '$2');
  203.             } else {
  204.                 return uri + separator + key + "=" + value;
  205.             }
  206.         }
  208.         $('#maxItemPerPage').change(function(){
  209.             var item = $('#maxItemPerPage').find(":selected").text();
  210.             var uri = window.location.href;
  211.             window.location.href = updateQueryStringParameter(uri, "limit", item );
  212.         });
  214.         /**
  215.          * perform the requested action in the admin section for the given user id
  216.          * reload the page after this action
  217.          *
  218.          * @param action requested action (approveUsers, disApproveUsers, deleteUser, hardDeleteUser)
  219.          * @param idDoc id of the users on which to perform the action
  220.          */
  221.         function userAction(action, idDoc)
  222.         {
  223.             var ajaxUrlStart = '/admin/';
  224.             var ajaxUrl = ajaxUrlStart.concat(action);
  225.             $.ajax({
  226.                 type: "POST",
  227.                 url: ajaxUrl,
  228.                 data: JSON.stringify({id:idDoc}),
  229.                 contentType: "application/json; charset=utf-8",
  230.                 dataType: "json",
  231.                 async: false, //_async,
  232.                 success: function (result) {
  233.                     window.location.reload(true);
  234.                 }
  235.             });
  236.         }
  237.     </script>
  238. {% endblock %}