diff --git a/contentbank/amd/build/sort.min.js b/contentbank/amd/build/sort.min.js index 2fd33174901..4660de4a485 100644 --- a/contentbank/amd/build/sort.min.js +++ b/contentbank/amd/build/sort.min.js @@ -1,2 +1,2 @@ -define ("core_contentbank/sort",["exports","./selectors","core/str","core/prefetch","core/ajax","core/notification"],function(a,b,c,d,e,f){"use strict";Object.defineProperty(a,"__esModule",{value:!0});a.init=void 0;b=g(b);d=g(d);e=g(e);f=g(f);function g(a){return a&&a.__esModule?a:{default:a}}var h=function(){var a=document.querySelector(b.default.regions.contentbank);d.default.prefetchStrings("contentbank",["contentname","lastmodified","size","type","author"]);d.default.prefetchStrings("moodle",["sortbyx","sortbyxreverse"]);i(a)};a.init=h;var i=function(a){var c=document.querySelector(b.default.regions.filearea),d=c.querySelectorAll(b.default.elements.listitem),e=a.querySelector(b.default.actions.viewgrid),f=a.querySelector(b.default.actions.viewlist);e.addEventListener("click",function(){a.classList.remove("view-list");a.classList.add("view-grid");e.classList.add("active");f.classList.remove("active");j(!1)});f.addEventListener("click",function(){a.classList.remove("view-grid");a.classList.add("view-list");f.classList.add("active");e.classList.remove("active");j(!0)});var g=a.querySelector(b.default.actions.sortname);g.addEventListener("click",function(){var b=k(a,g);m(c,d,"data-file",b)});var h=a.querySelector(b.default.actions.sortdate);h.addEventListener("click",function(){var b=k(a,h);m(c,d,"data-timemodified",b)});var i=a.querySelector(b.default.actions.sortsize);i.addEventListener("click",function(){var b=k(a,i);m(c,d,"data-bytes",b)});var l=a.querySelector(b.default.actions.sorttype);l.addEventListener("click",function(){var b=k(a,l);m(c,d,"data-type",b)});var n=a.querySelector(b.default.actions.sortauthor);n.addEventListener("click",function(){var b=k(a,n);m(c,d,"data-author",b)})},j=function(a){if(!1===a){a=null}var b={methodname:"core_user_update_user_preferences",args:{preferences:[{type:"core_contentbank_view_list",value:a}]}};return e.default.call([b])[0].catch(f.default.exception)},k=function(a,c){var d=a.querySelectorAll(b.default.elements.sortbutton);d.forEach(function(a){if(a!==c){a.classList.remove("dir-asc");a.classList.remove("dir-desc");a.classList.add("dir-none");l(a,!1)}});var e=!0;if(c.classList.contains("dir-none")){c.classList.remove("dir-none");c.classList.add("dir-asc")}else if(c.classList.contains("dir-asc")){c.classList.remove("dir-asc");c.classList.add("dir-desc");e=!1}else if(c.classList.contains("dir-desc")){c.classList.remove("dir-desc");c.classList.add("dir-asc")}l(c,e);return e},l=function(a,b){var d=b?"sortbyxreverse":"sortbyx";return(0,c.get_string)(a.dataset.string,"contentbank").then(function(a){return(0,c.get_string)(d,"core",a)}).then(function(b){a.setAttribute("title",b);return b}).catch()},m=function(a,b,c,d){var e=[].slice.call(b).sort(function(e,a){var b=e.getAttribute(c),f=a.getAttribute(c);if(!isNaN(b)){b=parseInt(b);f=parseInt(f)}if(d){return b>f?1:-1}else{return bf?1:-1}else{return b.\n\n/**\n * Content bank UI actions.\n *\n * @module core_contentbank/sort\n * @package core_contentbank\n * @copyright 2020 Bas Brands \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport selectors from './selectors';\nimport {get_string as getString} from 'core/str';\nimport Prefetch from 'core/prefetch';\nimport Ajax from 'core/ajax';\nimport Notification from 'core/notification';\n\n/**\n * Set up the contentbank views.\n *\n * @method init\n */\nexport const init = () => {\n const contentBank = document.querySelector(selectors.regions.contentbank);\n Prefetch.prefetchStrings('contentbank', ['contentname', 'lastmodified', 'size', 'type', 'author']);\n Prefetch.prefetchStrings('moodle', ['sortbyx', 'sortbyxreverse']);\n registerListenerEvents(contentBank);\n};\n\n/**\n * Register contentbank related event listeners.\n *\n * @method registerListenerEvents\n * @param {HTMLElement} contentBank The DOM node of the content bank\n */\nconst registerListenerEvents = (contentBank) => {\n\n // The search.\n const fileArea = document.querySelector(selectors.regions.filearea);\n const shownItems = fileArea.querySelectorAll(selectors.elements.listitem);\n\n // The view buttons.\n const viewGrid = contentBank.querySelector(selectors.actions.viewgrid);\n const viewList = contentBank.querySelector(selectors.actions.viewlist);\n\n viewGrid.addEventListener('click', () => {\n contentBank.classList.remove('view-list');\n contentBank.classList.add('view-grid');\n viewGrid.classList.add('active');\n viewList.classList.remove('active');\n setViewListPreference(false);\n });\n\n viewList.addEventListener('click', () => {\n contentBank.classList.remove('view-grid');\n contentBank.classList.add('view-list');\n viewList.classList.add('active');\n viewGrid.classList.remove('active');\n setViewListPreference(true);\n });\n\n // Sort by file name alphabetical\n const sortByName = contentBank.querySelector(selectors.actions.sortname);\n sortByName.addEventListener('click', () => {\n const ascending = updateSortButtons(contentBank, sortByName);\n updateSortOrder(fileArea, shownItems, 'data-file', ascending);\n });\n\n // Sort by date.\n const sortByDate = contentBank.querySelector(selectors.actions.sortdate);\n sortByDate.addEventListener('click', () => {\n const ascending = updateSortButtons(contentBank, sortByDate);\n updateSortOrder(fileArea, shownItems, 'data-timemodified', ascending);\n });\n\n // Sort by size.\n const sortBySize = contentBank.querySelector(selectors.actions.sortsize);\n sortBySize.addEventListener('click', () => {\n const ascending = updateSortButtons(contentBank, sortBySize);\n updateSortOrder(fileArea, shownItems, 'data-bytes', ascending);\n });\n\n // Sort by type.\n const sortByType = contentBank.querySelector(selectors.actions.sorttype);\n sortByType.addEventListener('click', () => {\n const ascending = updateSortButtons(contentBank, sortByType);\n updateSortOrder(fileArea, shownItems, 'data-type', ascending);\n });\n\n // Sort by author.\n const sortByAuthor = contentBank.querySelector(selectors.actions.sortauthor);\n sortByAuthor.addEventListener('click', () => {\n const ascending = updateSortButtons(contentBank, sortByAuthor);\n updateSortOrder(fileArea, shownItems, 'data-author', ascending);\n });\n};\n\n\n/**\n * Set the contentbank user preference in list view\n *\n * @param {Bool} viewList view ContentBank as list.\n * @return {Promise} Repository promise.\n */\nconst setViewListPreference = function(viewList) {\n\n // If the given status is not hidden, the preference has to be deleted with a null value.\n if (viewList === false) {\n viewList = null;\n }\n\n const request = {\n methodname: 'core_user_update_user_preferences',\n args: {\n preferences: [\n {\n type: 'core_contentbank_view_list',\n value: viewList\n }\n ]\n }\n };\n\n return Ajax.call([request])[0].catch(Notification.exception);\n};\n\n/**\n * Update the sort button view.\n *\n * @method updateSortButtons\n * @param {HTMLElement} contentBank The DOM node of the contentbank button\n * @param {HTMLElement} sortButton The DOM node of the sort button\n * @return {Bool} sort ascending\n */\nconst updateSortButtons = (contentBank, sortButton) => {\n const sortButtons = contentBank.querySelectorAll(selectors.elements.sortbutton);\n\n sortButtons.forEach((button) => {\n if (button !== sortButton) {\n button.classList.remove('dir-asc');\n button.classList.remove('dir-desc');\n button.classList.add('dir-none');\n\n updateButtonTitle(button, false);\n }\n });\n\n let ascending = true;\n\n if (sortButton.classList.contains('dir-none')) {\n sortButton.classList.remove('dir-none');\n sortButton.classList.add('dir-asc');\n } else if (sortButton.classList.contains('dir-asc')) {\n sortButton.classList.remove('dir-asc');\n sortButton.classList.add('dir-desc');\n ascending = false;\n } else if (sortButton.classList.contains('dir-desc')) {\n sortButton.classList.remove('dir-desc');\n sortButton.classList.add('dir-asc');\n }\n\n updateButtonTitle(sortButton, ascending);\n\n return ascending;\n};\n\n/**\n * Update the button title.\n *\n * @method updateButtonTitle\n * @param {HTMLElement} button Button to update\n * @param {Bool} ascending Sort direction\n * @return {Promise} string promise\n */\nconst updateButtonTitle = (button, ascending) => {\n\n const sortString = (ascending ? 'sortbyxreverse' : 'sortbyx');\n\n return getString(button.dataset.string, 'contentbank')\n .then(columnName => {\n return getString(sortString, 'core', columnName);\n })\n .then(sortByString => {\n button.setAttribute('title', sortByString);\n return sortByString;\n })\n .catch();\n};\n\n/**\n * Update the sort order of the itemlist and update the DOM\n *\n * @method updateSortOrder\n * @param {HTMLElement} fileArea the Dom container for the itemlist\n * @param {Array} itemList Nodelist of Dom elements\n * @param {String} attribute, the attribut to sort on\n * @param {Bool} ascending, Sort Ascending\n */\nconst updateSortOrder = (fileArea, itemList, attribute, ascending) => {\n const sortList = [].slice.call(itemList).sort(function(a, b) {\n\n let aa = a.getAttribute(attribute);\n let bb = b.getAttribute(attribute);\n if (!isNaN(aa)) {\n aa = parseInt(aa);\n bb = parseInt(bb);\n }\n\n if (ascending) {\n return aa > bb ? 1 : -1;\n } else {\n return aa < bb ? 1 : -1;\n }\n });\n sortList.forEach(listItem => fileArea.appendChild(listItem));\n};\n"],"file":"sort.min.js"} \ No newline at end of file +{"version":3,"sources":["../src/sort.js"],"names":["init","contentBank","document","querySelector","selectors","regions","contentbank","Prefetch","prefetchStrings","registerListenerEvents","addEventListener","e","viewList","actions","viewlist","viewGrid","viewgrid","target","closest","classList","remove","add","setViewListPreference","fileArea","filearea","shownItems","querySelectorAll","elements","listitem","sortByName","sortname","ascending","updateSortButtons","updateSortOrder","sortByDate","sortdate","sortBySize","sortsize","sortByType","sorttype","sortByAuthor","sortauthor","request","methodname","args","preferences","type","value","Ajax","call","catch","Notification","exception","sortButton","sortButtons","sortbutton","forEach","button","updateButtonTitle","contains","sortString","dataset","string","then","columnName","sortByString","setAttribute","itemList","attribute","sortList","slice","sort","a","b","aa","getAttribute","bb","isNaN","parseInt","listItem","appendChild"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle. If not, see .\n\n/**\n * Content bank UI actions.\n *\n * @module core_contentbank/sort\n * @package core_contentbank\n * @copyright 2020 Bas Brands \n * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport selectors from './selectors';\nimport {get_string as getString} from 'core/str';\nimport Prefetch from 'core/prefetch';\nimport Ajax from 'core/ajax';\nimport Notification from 'core/notification';\n\n/**\n * Set up the contentbank views.\n *\n * @method init\n */\nexport const init = () => {\n const contentBank = document.querySelector(selectors.regions.contentbank);\n Prefetch.prefetchStrings('contentbank', ['contentname', 'lastmodified', 'size', 'type', 'author']);\n Prefetch.prefetchStrings('moodle', ['sortbyx', 'sortbyxreverse']);\n registerListenerEvents(contentBank);\n};\n\n/**\n * Register contentbank related event listeners.\n *\n * @method registerListenerEvents\n * @param {HTMLElement} contentBank The DOM node of the content bank\n */\nconst registerListenerEvents = (contentBank) => {\n\n contentBank.addEventListener('click', e => {\n const viewList = contentBank.querySelector(selectors.actions.viewlist);\n const viewGrid = contentBank.querySelector(selectors.actions.viewgrid);\n\n // View as Grid button.\n if (e.target.closest(selectors.actions.viewgrid)) {\n contentBank.classList.remove('view-list');\n contentBank.classList.add('view-grid');\n viewGrid.classList.add('active');\n viewList.classList.remove('active');\n setViewListPreference(false);\n\n return;\n }\n\n // View as List button.\n if (e.target.closest(selectors.actions.viewlist)) {\n contentBank.classList.remove('view-grid');\n contentBank.classList.add('view-list');\n viewList.classList.add('active');\n viewGrid.classList.remove('active');\n setViewListPreference(true);\n\n return;\n }\n\n // TODO: This should _not_ use `document`. Every query should be constrained to the content bank container.\n const fileArea = document.querySelector(selectors.regions.filearea);\n const shownItems = fileArea.querySelectorAll(selectors.elements.listitem);\n\n if (fileArea && shownItems) {\n\n // Sort by file name alphabetical\n const sortByName = e.target.closest(selectors.actions.sortname);\n if (sortByName) {\n const ascending = updateSortButtons(contentBank, sortByName);\n updateSortOrder(fileArea, shownItems, 'data-file', ascending);\n return;\n }\n\n // Sort by date.\n const sortByDate = e.target.closest(selectors.actions.sortdate);\n if (sortByDate) {\n const ascending = updateSortButtons(contentBank, sortByDate);\n updateSortOrder(fileArea, shownItems, 'data-timemodified', ascending);\n return;\n }\n\n // Sort by size.\n const sortBySize = e.target.closest(selectors.actions.sortsize);\n if (sortBySize) {\n const ascending = updateSortButtons(contentBank, sortBySize);\n updateSortOrder(fileArea, shownItems, 'data-bytes', ascending);\n return;\n }\n\n // Sort by type.\n const sortByType = e.target.closest(selectors.actions.sorttype);\n if (sortByType) {\n const ascending = updateSortButtons(contentBank, sortByType);\n updateSortOrder(fileArea, shownItems, 'data-type', ascending);\n return;\n }\n\n // Sort by author.\n const sortByAuthor = e.target.closest(selectors.actions.sortauthor);\n if (sortByAuthor) {\n const ascending = updateSortButtons(contentBank, sortByAuthor);\n updateSortOrder(fileArea, shownItems, 'data-author', ascending);\n }\n return;\n }\n });\n};\n\n\n/**\n * Set the contentbank user preference in list view\n *\n * @param {Bool} viewList view ContentBank as list.\n * @return {Promise} Repository promise.\n */\nconst setViewListPreference = function(viewList) {\n\n // If the given status is not hidden, the preference has to be deleted with a null value.\n if (viewList === false) {\n viewList = null;\n }\n\n const request = {\n methodname: 'core_user_update_user_preferences',\n args: {\n preferences: [\n {\n type: 'core_contentbank_view_list',\n value: viewList\n }\n ]\n }\n };\n\n return Ajax.call([request])[0].catch(Notification.exception);\n};\n\n/**\n * Update the sort button view.\n *\n * @method updateSortButtons\n * @param {HTMLElement} contentBank The DOM node of the contentbank button\n * @param {HTMLElement} sortButton The DOM node of the sort button\n * @return {Bool} sort ascending\n */\nconst updateSortButtons = (contentBank, sortButton) => {\n const sortButtons = contentBank.querySelectorAll(selectors.elements.sortbutton);\n\n sortButtons.forEach((button) => {\n if (button !== sortButton) {\n button.classList.remove('dir-asc');\n button.classList.remove('dir-desc');\n button.classList.add('dir-none');\n\n updateButtonTitle(button, false);\n }\n });\n\n let ascending = true;\n\n if (sortButton.classList.contains('dir-none')) {\n sortButton.classList.remove('dir-none');\n sortButton.classList.add('dir-asc');\n } else if (sortButton.classList.contains('dir-asc')) {\n sortButton.classList.remove('dir-asc');\n sortButton.classList.add('dir-desc');\n ascending = false;\n } else if (sortButton.classList.contains('dir-desc')) {\n sortButton.classList.remove('dir-desc');\n sortButton.classList.add('dir-asc');\n }\n\n updateButtonTitle(sortButton, ascending);\n\n return ascending;\n};\n\n/**\n * Update the button title.\n *\n * @method updateButtonTitle\n * @param {HTMLElement} button Button to update\n * @param {Bool} ascending Sort direction\n * @return {Promise} string promise\n */\nconst updateButtonTitle = (button, ascending) => {\n\n const sortString = (ascending ? 'sortbyxreverse' : 'sortbyx');\n\n return getString(button.dataset.string, 'contentbank')\n .then(columnName => {\n return getString(sortString, 'core', columnName);\n })\n .then(sortByString => {\n button.setAttribute('title', sortByString);\n return sortByString;\n })\n .catch();\n};\n\n/**\n * Update the sort order of the itemlist and update the DOM\n *\n * @method updateSortOrder\n * @param {HTMLElement} fileArea the Dom container for the itemlist\n * @param {Array} itemList Nodelist of Dom elements\n * @param {String} attribute, the attribut to sort on\n * @param {Bool} ascending, Sort Ascending\n */\nconst updateSortOrder = (fileArea, itemList, attribute, ascending) => {\n const sortList = [].slice.call(itemList).sort(function(a, b) {\n\n let aa = a.getAttribute(attribute);\n let bb = b.getAttribute(attribute);\n if (!isNaN(aa)) {\n aa = parseInt(aa);\n bb = parseInt(bb);\n }\n\n if (ascending) {\n return aa > bb ? 1 : -1;\n } else {\n return aa < bb ? 1 : -1;\n }\n });\n sortList.forEach(listItem => fileArea.appendChild(listItem));\n};\n"],"file":"sort.min.js"} \ No newline at end of file diff --git a/contentbank/amd/src/sort.js b/contentbank/amd/src/sort.js index 34c282b85e5..ed67de5233f 100644 --- a/contentbank/amd/src/sort.js +++ b/contentbank/amd/src/sort.js @@ -48,63 +48,78 @@ export const init = () => { */ const registerListenerEvents = (contentBank) => { - // The search. - const fileArea = document.querySelector(selectors.regions.filearea); - const shownItems = fileArea.querySelectorAll(selectors.elements.listitem); + contentBank.addEventListener('click', e => { + const viewList = contentBank.querySelector(selectors.actions.viewlist); + const viewGrid = contentBank.querySelector(selectors.actions.viewgrid); - // The view buttons. - const viewGrid = contentBank.querySelector(selectors.actions.viewgrid); - const viewList = contentBank.querySelector(selectors.actions.viewlist); + // View as Grid button. + if (e.target.closest(selectors.actions.viewgrid)) { + contentBank.classList.remove('view-list'); + contentBank.classList.add('view-grid'); + viewGrid.classList.add('active'); + viewList.classList.remove('active'); + setViewListPreference(false); - viewGrid.addEventListener('click', () => { - contentBank.classList.remove('view-list'); - contentBank.classList.add('view-grid'); - viewGrid.classList.add('active'); - viewList.classList.remove('active'); - setViewListPreference(false); - }); + return; + } - viewList.addEventListener('click', () => { - contentBank.classList.remove('view-grid'); - contentBank.classList.add('view-list'); - viewList.classList.add('active'); - viewGrid.classList.remove('active'); - setViewListPreference(true); - }); + // View as List button. + if (e.target.closest(selectors.actions.viewlist)) { + contentBank.classList.remove('view-grid'); + contentBank.classList.add('view-list'); + viewList.classList.add('active'); + viewGrid.classList.remove('active'); + setViewListPreference(true); - // Sort by file name alphabetical - const sortByName = contentBank.querySelector(selectors.actions.sortname); - sortByName.addEventListener('click', () => { - const ascending = updateSortButtons(contentBank, sortByName); - updateSortOrder(fileArea, shownItems, 'data-file', ascending); - }); + return; + } - // Sort by date. - const sortByDate = contentBank.querySelector(selectors.actions.sortdate); - sortByDate.addEventListener('click', () => { - const ascending = updateSortButtons(contentBank, sortByDate); - updateSortOrder(fileArea, shownItems, 'data-timemodified', ascending); - }); + // TODO: This should _not_ use `document`. Every query should be constrained to the content bank container. + const fileArea = document.querySelector(selectors.regions.filearea); + const shownItems = fileArea.querySelectorAll(selectors.elements.listitem); - // Sort by size. - const sortBySize = contentBank.querySelector(selectors.actions.sortsize); - sortBySize.addEventListener('click', () => { - const ascending = updateSortButtons(contentBank, sortBySize); - updateSortOrder(fileArea, shownItems, 'data-bytes', ascending); - }); + if (fileArea && shownItems) { - // Sort by type. - const sortByType = contentBank.querySelector(selectors.actions.sorttype); - sortByType.addEventListener('click', () => { - const ascending = updateSortButtons(contentBank, sortByType); - updateSortOrder(fileArea, shownItems, 'data-type', ascending); - }); + // Sort by file name alphabetical + const sortByName = e.target.closest(selectors.actions.sortname); + if (sortByName) { + const ascending = updateSortButtons(contentBank, sortByName); + updateSortOrder(fileArea, shownItems, 'data-file', ascending); + return; + } - // Sort by author. - const sortByAuthor = contentBank.querySelector(selectors.actions.sortauthor); - sortByAuthor.addEventListener('click', () => { - const ascending = updateSortButtons(contentBank, sortByAuthor); - updateSortOrder(fileArea, shownItems, 'data-author', ascending); + // Sort by date. + const sortByDate = e.target.closest(selectors.actions.sortdate); + if (sortByDate) { + const ascending = updateSortButtons(contentBank, sortByDate); + updateSortOrder(fileArea, shownItems, 'data-timemodified', ascending); + return; + } + + // Sort by size. + const sortBySize = e.target.closest(selectors.actions.sortsize); + if (sortBySize) { + const ascending = updateSortButtons(contentBank, sortBySize); + updateSortOrder(fileArea, shownItems, 'data-bytes', ascending); + return; + } + + // Sort by type. + const sortByType = e.target.closest(selectors.actions.sorttype); + if (sortByType) { + const ascending = updateSortButtons(contentBank, sortByType); + updateSortOrder(fileArea, shownItems, 'data-type', ascending); + return; + } + + // Sort by author. + const sortByAuthor = e.target.closest(selectors.actions.sortauthor); + if (sortByAuthor) { + const ascending = updateSortButtons(contentBank, sortByAuthor); + updateSortOrder(fileArea, shownItems, 'data-author', ascending); + } + return; + } }); }; diff --git a/contentbank/templates/bankcontent.mustache b/contentbank/templates/bankcontent.mustache index a62beff2f5f..f5c800e4b82 100644 --- a/contentbank/templates/bankcontent.mustache +++ b/contentbank/templates/bankcontent.mustache @@ -95,87 +95,96 @@ data-region="contentbank">
-
-
-
-
{{#str}} contentname, contentbank {{/str}}
- -
-
-
{{#str}} lastmodified, contentbank {{/str}}
- -
-
-
{{#str}} size, contentbank {{/str}}
- -
-
-
{{#str}} type, contentbank {{/str}}
- -
-
-
{{#str}} author, contentbank {{/str}}
- -
-
- {{#contents}} -
-
-
diff --git a/lang/en/contentbank.php b/lang/en/contentbank.php index 6535c9354fb..4e073a6a939 100644 --- a/lang/en/contentbank.php +++ b/lang/en/contentbank.php @@ -51,6 +51,7 @@ $string['file_help'] = 'Files may be stored in the content bank for use in cours $string['itemsfound'] = '{$a} items found'; $string['lastmodified'] = 'Last modified'; $string['name'] = 'Content'; +$string['nocontentavailable'] = 'No content available'; $string['nocontenttypes'] = 'No content types available'; $string['nopermissiontodelete'] = 'You do not have permission to delete content.'; $string['nopermissiontomanage'] = 'You do not have permission to manage content.';