{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>snippets/_volumes_page_information.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    <div class=\"highlight\"><pre><span></span><span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">url_replace</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">volumes.paginator.count</span> <span class=\"o\">&gt;</span> <span class=\"m\">0</span> <span class=\"cp\">%}</span>\n<span class=\"cm\">&lt;!-- Information Line --&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"info-line uk-margin-bottom\"</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"info-group\"</span><span class=\"p\">&gt;</span>\n    <span class=\"c\">{# numeric pagination #}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>Showing <span class=\"cp\">{{</span> <span class=\"nv\">volumes.start_index</span> <span class=\"cp\">}}</span>-<span class=\"cp\">{{</span> <span class=\"nv\">volumes.end_index</span> <span class=\"cp\">}}</span> of <span class=\"cp\">{{</span> <span class=\"nv\">volumes.paginator.count</span> <span class=\"cp\">}}</span> volumes<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"slash-gap\"</span><span class=\"p\">&gt;</span>/<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span> Page\n    <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"#\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">volumes.number</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-navbar-dropdown\"</span> <span class=\"na\">uk-dropdown</span><span class=\"o\">=</span><span class=\"s\">\"mode: click\"</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">ul</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-nav uk-navbar-dropdown-nav pagination-nav\"</span><span class=\"p\">&gt;</span> \n        <span class=\"cp\">{%</span> <span class=\"k\">for</span> <span class=\"nv\">pg</span> <span class=\"k\">in</span> <span class=\"nv\">paginator_range</span> <span class=\"cp\">%}</span>\n          <span class=\"p\">&lt;</span><span class=\"nt\">li</span><span class=\"p\">&gt;</span>\n            <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">pg</span> <span class=\"o\">==</span> <span class=\"s2\">\"\u2026\"</span> <span class=\"cp\">%}</span>\n              <span class=\"p\">&lt;</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">pg</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n            <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span>\n              <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"?</span><span class=\"cp\">{%</span> <span class=\"k\">url_replace</span> <span class=\"nv\">page</span><span class=\"o\">=</span><span class=\"nv\">pg</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">pg</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n            <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n            \n          <span class=\"p\">&lt;/</span><span class=\"nt\">li</span><span class=\"p\">&gt;</span>\n        <span class=\"cp\">{%</span> <span class=\"k\">endfor</span> <span class=\"cp\">%}</span>\n      <span class=\"p\">&lt;/</span><span class=\"nt\">ul</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span> of <span class=\"cp\">{{</span> <span class=\"nv\">volumes.paginator.num_pages</span> <span class=\"cp\">}}</span> \n    <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"slash-gap\"</span><span class=\"p\">&gt;</span>/<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n\n    <span class=\"c\">{# form for setting sort, order, and page display (list/grid) #}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">form</span> <span class=\"na\">method</span><span class=\"o\">=</span><span class=\"s\">\"get\"</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">form.sort.auto_id</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n          <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"fieldname\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">form.sort.label</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n          <span class=\"cp\">{{</span> <span class=\"nv\">form.sort</span> <span class=\"cp\">}}</span>\n      <span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"slash-gap\"</span><span class=\"p\">&gt;</span>/<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">form.order.auto_id</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n          <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"fieldname\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">form.order.label</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n          <span class=\"cp\">{{</span> <span class=\"nv\">form.order</span> <span class=\"cp\">}}</span>\n      <span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"slash-gap\"</span><span class=\"p\">&gt;</span>/<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n      <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">form.per_page.auto_id</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n          <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"fieldname\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">form.per_page.label</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n          <span class=\"cp\">{{</span> <span class=\"nv\">form.per_page</span> <span class=\"cp\">}}</span>\n      <span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">form</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n\n  <span class=\"c\">{# previous and next page pagination #}</span>\n  <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"pagination-controls\"</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">a</span>\n      <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-icon-button\"</span>\n      <span class=\"na\">uk-icon</span><span class=\"o\">=</span><span class=\"s\">\"chevron-left\"</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">volumes.has_previous</span> <span class=\"cp\">%}</span>\n        <span class=\"na\">uk-tooltip</span><span class=\"o\">=</span><span class=\"s\">\"Go to previous page\"</span>\n        <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"?</span><span class=\"cp\">{%</span> <span class=\"k\">url_replace</span> <span class=\"nv\">page</span><span class=\"o\">=</span><span class=\"nv\">volumes.previous_page_number</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span>\n        <span class=\"na\">uk-tooltip</span><span class=\"o\">=</span><span class=\"s\">\"This is the first page\"</span>\n        <span class=\"na\">disabled</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">a</span>\n      <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-icon-button\"</span>\n      <span class=\"na\">uk-icon</span><span class=\"o\">=</span><span class=\"s\">\"chevron-right\"</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">volumes.has_next</span> <span class=\"cp\">%}</span>\n        <span class=\"na\">uk-tooltip</span><span class=\"o\">=</span><span class=\"s\">\"Go to next page\"</span>\n        <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"?</span><span class=\"cp\">{%</span> <span class=\"k\">url_replace</span> <span class=\"nv\">page</span><span class=\"o\">=</span><span class=\"nv\">volumes.next_page_number</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span>\n        <span class=\"na\">uk-tooltip</span><span class=\"o\">=</span><span class=\"s\">\"This is the last page\"</span>\n        <span class=\"na\">disabled</span>\n      <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n  <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n<span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n</pre></div>\n\n  </div>\n</div>\n"}