lib/templates/filemanager_modal_generallayout.mustache

   1 {{!
   2     This file is part of Moodle - http://moodle.org/
   3
   4     Moodle is free software: you can redistribute it and/or modify
   5     it under the terms of the GNU General Public License as published by
   6     the Free Software Foundation, either version 3 of the License, or
   7     (at your option) any later version.
   8
   9     Moodle is distributed in the hope that it will be useful,
  10     but WITHOUT ANY WARRANTY; without even the implied warranty of
  11     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12     GNU General Public License for more details.
  13
  14     You should have received a copy of the GNU General Public License
  15     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
  16 }}
  17 {{!
  18     @template core/filemanager_modal_generallayout
  19
  20     This template renders the general layout (not QuickUpload).
  21
  22     Example context (json):
  23     {}
  24 }}
  25 <div class="container">
  26     <div tabindex="0" class="file-picker fp-generallayout row" role="dialog" aria-live="assertive">
  27         <div class="fp-repo-area col-md-3 pr-2 nav nav-pills flex-column" role="tablist">
  28                 <div class="fp-repo nav-item" role="tab" aria-selected="false" tabindex="-1">
  29                     <a href="#" class="nav-link" tabindex="-1"><img class="fp-repo-icon" alt=" " width="16" height="16" />&nbsp;<span class="fp-repo-name"></span></a>
  30                 </div>
  31
  32         </div>
  33         <div class="col-md-9 p-0">
  34             <div class="fp-repo-items" tabindex="0">
  35                 <div class="fp-navbar bg-faded card mb-0 clearfix icon-no-spacing">
  36                     <div>
  37                         <div class="fp-toolbar">
  38                             <div class="fp-tb-back">
  39                                 <a href="#" class="btn btn-secondary btn-sm">{{#str}}back, repository{{/str}}</a>
  40                             </div>
  41                             <div class="fp-tb-search">
  42                                 <form></form>
  43                             </div>
  44                             <div class="fp-tb-refresh">
  45                                 <a title="{{#str}}refresh, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
  46                                     {{#pix}}a/refresh{{/pix}}
  47                                 </a>
  48                             </div>
  49                             <div class="fp-tb-logout">
  50                                 <a title="{{#str}}logout, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
  51                                     {{#pix}}a/logout{{/pix}}
  52                                 </a>
  53                             </div>
  54                             <div class="fp-tb-manage">
  55                                 <a title="{{#str}}manageurl, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
  56                                     {{#pix}}a/setting{{/pix}}
  57                                 </a>
  58                             </div>
  59                             <div class="fp-tb-help">
  60                                 <a title="{{#str}}help, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
  61                                     {{#pix}}a/help{{/pix}}
  62                                 </a>
  63                             </div>
  64                             <div class="fp-tb-message"></div>
  65                         </div>
  66                         <div class="fp-viewbar btn-group float-sm-right">
  67                             <a role="button" title="{{#str}}displayicons, repository{{/str}}" class="fp-vb-icons btn btn-secondary btn-sm" href="#">
  68                                 {{#pix}}fp/view_icon_active, theme{{/pix}}
  69                             </a>
  70                             <a role="button" title="{{#str}}displaydetails, repository{{/str}}" class="fp-vb-details btn btn-secondary btn-sm" href="#">
  71                                 {{#pix}}fp/view_list_active, theme{{/pix}}
  72                             </a>
  73                             <a role="button" title="{{#str}}displaytree, repository{{/str}}" class="fp-vb-tree btn btn-secondary btn-sm" href="#">
  74                                 {{#pix}}fp/view_tree_active, theme{{/pix}}
  75                             </a>
  76                         </div>
  77                         <div class="fp-clear-left"></div>
  78                     </div>
  79                     <div class="fp-pathbar">
  80                         <span class="fp-path-folder"><a class="fp-path-folder-name aalink" href="#"></a></span>
  81                     </div>
  82                 </div>
  83                 <div class="fp-content card"></div>
  84             </div>
  85         </div>
  86     </div>
  87 </div>