Note: You are currently viewing documentation for Moodle 3.6. Up-to-date documentation for the latest stable version of Moodle is likely available here: Database templates.

Database templates: Difference between revisions

From MoodleDocs
 
(76 intermediate revisions by 22 users not shown)
Line 1: Line 1:
{{Databases}}
{{Database}}
Templates for the [[Database activity module]] allow you to control the visual layout of information when listing, viewing or editing database entries. It is a similar to the technique used to ''mail merge'' letters in word processors such as Open Office Writer or Microsoft Word.


== tag usage ==
To use the tags found on the left side... use the HTML viewer, place your cursor in the text area of your target edit and then click on the tag you want to place.


##Edit## - > launches the edit interface when viewing
== Tag usage ==
##More## - > don't know
##Delete## - > challenges before deletion
##Approve## - > Allows admin/teacher to approve the database entry
:I find no relation to any grading or scoring for the person who submitted the entry... so teacher approval doesn't translate into any student reward? Tough sell to get younger students to do this exercise without direct translation into tokens for their grades. Pedagogy aside, tokens is how most of the capitalistic world functions and most lower grade students understand grades  as a calculation of points.--[[User:Dennis Daniels|Dennis Daniels]] 20:16, 25 May 2006 (WST)


== list template tab ==
The content of each [[Database fields|field]] you create for your database and some special tags (listed below) can be inserted into the output template by the use of tags.
Defines browsing interface for multiple entries


mod/data/templates.php?d=1&mode=listtemplate
Fields have the format <code><nowiki>[[fieldname]]</nowiki></code>. All other tags have the format <code>##sometag##</code>.


== single template tab ==
To use the tags in the box on the left of the page, first click to Disable the editor and then place your cursor in the text area of your target edit and  click on the tag you want to place. When you have finished, click to save the template. Alternatively, you may simply type the appropriate name within the required symbols like <code>##this##</code> or <code><nowiki>[[this]]</nowiki></code>, respectively.
Defines browsing interface for a single entry.


== add template tab ==
* <code>##edit##</code> creates a clickable icon link that allows you to edit the current entry (only appears if you have the rights to do this)
Defines the interface when editing entries
* <code>##delete##</code> creates a link that lets you delete the current entry (only appears if you have the rights to do this)
What does the reset template do? No challenge before resetting so be careful...
* <code>##approve##</code> create a link that lets you approve the current database entry (only appears if you have the rights to do this)
* <code>##disapprove##</code> create a link that lets you unapprove the current database entry (only appears if you have the rights to do this)
* <code>##more##</code> creates a link to the single view, which may contain more detailed info
* <code>##moreurl##</code> creates just the URL for the above link, useful for creating your own links. You can click on the link icon and type <code>##moreurl##</code> into URL field or in source view type <pre><a href="##moreurl##">[[fieldname]]</a></pre>
* <code>##comments##</code> creates a link to the view/edit comments page, the link text is the current number of comments (only appears if comments are turned on)
* <code>##user##</code> creates a link to the user page of the user who submitted the entry, link text is their name
* <code>##timeadded##</code>
* <code>##timemodified##</code>
* <code>##userpicture##</code> displays the user picture in List view
* <code>##approvalstatus##</code> inserted as inline css provides highlighting for unapproved entries  
* <code>###tags###</code> displays tags (enabled by default in [[Managing tags|Manage tags]] in the Site administration) - '''new in 3.4'''


== RSS template tab ==
[[File:userpicture.png|thumb|center|600px|Example of ##userpicture## tag]]
Defines appearance of entries in RSS feeds


mod/data/templates.php?d=1&mode=rsstemplate
== List template ==


== CSS template tab ==
This template allows you to control the fields used and their layout when viewing multiple entries at once (e.g. search results). It is possible that this view may simply provide an overview with more detailed information available by clicking on an entry to access the single view of the entry.
Defines local CSS styles for the other templates
How is stuff being saved? And, wouldn't an existing CSS pre-loaded by nice? Hand coding CSS? Copy and paste?
mod/data/templates.php?d=1&mode=csstemplate


== Usage Issues ==
See [http://tracker.moodle.org/secure/attachment/23333/moodle_databse_activity_list_formatting.pdf Designing a list view in Moodle database activity] for instructions on how to create a list template table.


Can't tell how or where the templates are being saved or what the tags do.--[[User:Dennis Daniels|Dennis Daniels]] 16:16, 25 May 2006 (WST)
The list template can also be used as a way to [[Database export|export your database]] as a CSV file.


I personally think each php with a "mode" should have its own help page...--[[User:Dennis Daniels|Dennis Daniels]] 16:14, 25 May 2006 (WST)
== Single template ==
This is used to display a single entry at a time and so has more space for display and can use, for example, larger versions of images or optionally provide more information than shown in the list view.


AJAX anyone? Seems like a great place for it... :)
[[Image:Databasesingletemplate.png]]


It occurred to me that setting up templates could be a matter of copying and pasting HTML with the database tags ... testing the idea now... --[[User:Dennis Daniels|Dennis Daniels]] 19:35, 25 May 2006 (WST)
== Advanced search template ==
===saving===
Are there multiple templates allowed? Can't find any interface to suggest more than one template...


{{stub}}
An advanced search template is for creating the interface form used in the advanced search.
[[Category:Teacher]]
 
== Add template ==
 
This template creates the interface form used when adding or editing database entries.
 
== RSS template ==
 
Lets you control the content of the [[RSS]] feed for database entries.
 
== CSS template ==
 
If any of the [[HTML in Moodle|HTML]] in your other templates requires [[CSS]] to provide visual style you can specify it here.
 
== Javascript template ==
 
You can use javascript to manipulate the way elements are displayed in either the List, Single or Add templates. Basically you need to enclose the part you want to manipulate in some named html element. The naming is essential as it allows you to identify the element for manipulation.
 
Let's say, for example, you have a field in your database that stores a person's name and when you display the names in the List View you want to count the times a name matches some criteria and display the result.
 
Your database will contain a field which we will call "name". In your List template you will be able to display the contents of that field by using the <nowiki>[[name]]</nowiki> construct at the place where you want that information displayed. For example in the ''Repeated entry'' on the list template you will have
 
<pre>
<table>
  <tr>
    <td>Name: [[name]]</td>
  </tr>
<table> 
</pre>
 
You now need to modify that entry to ensure that the part you want to manipulate is a named element.
 
<pre>
<table>
  <tr>
    <td name="named">Name: [[name]]</td>
  </tr>
<table> 
</pre>
 
The footer of your list view can then contain another named element to display the result.
 
<pre>
  <div name="result"></div>
</pre>
 
Your javascript template can now look as follows
 
<pre>
var cnt = 0;
var re = /foo|Foo/;
function init(){
  var namedElements = document.getElementsByName("named");
  for (i=0; i < namedElements.length; i++) {
      if(re.test(namedElements[i].innerHTML)) cnt++;
    }
  var namedResult = document.getElementsByName("result");
  namedResult[0].innerHTML = cnt;
  }
window.onload = init;
</pre>
 
This will display a table of names as is usual in the list view. Now at the bottom there will also be the count of the names that matched foo or Foo.
 
Note that window.onload does not handle any dependencies on [https://docs.moodle.org/dev/Javascript_FAQ#What_JavaScript_library_does_Moodle_use.3F YUI] code, so any YUI modules required by your init() code may not be loaded, and your code will fail.
 
In this case, instead of onload, use:
<pre>
YUI().use('node', 'other', 'dependencies', function(Y) {
 
  // Your code here.
 
  // This function is a closure so the Y object you define in the function definition is yours and nothing else on the page should be able to break it.
 
});
</pre>
 
== Reset templates button ==
 
When you first create a database the templates will be pre-filled with appropriate HTML. If you later add fields then you can press the ''reset templates'' button and it will add HTML for the new fields in a similar fashion. If you have edited any of the templates in the meantime then your changes will be lost. It is recommended that you finalize the database fields before changing the template code.
 
==See also==
*[[Database presets]]
*[http://video.google.com/videoplay?docid=7026851446099005477 Video demonstrating tag usage]
 
Using Moodle forum discussions:
*[http://moodle.org/mod/forum/discuss.php?d=55338 Look of the database module]
*[http://moodle.org/mod/forum/discuss.php?d=74243 How can I list database information horizontally instead of vertically?]
*[http://moodle.org/mod/forum/discuss.php?d=61179 For those who want the display of Moodle Site's Modules and plugins]
*[http://moodle.org/mod/forum/discuss.php?d=84050 Can't get columns to line up in list view]
*[http://moodle.org/mod/forum/discuss.php?d=86927 Time stamp for database entries?]
 
[[de:Datenbankvorlagen]]
[[es:Plantillas de BasedeDatos]]
[[fr:Modèles]]
[[ru:Шаблоны]]
[[ja:データベーステンプレート]]

Latest revision as of 07:57, 26 January 2018

Templates for the Database activity module allow you to control the visual layout of information when listing, viewing or editing database entries. It is a similar to the technique used to mail merge letters in word processors such as Open Office Writer or Microsoft Word.


Tag usage

The content of each field you create for your database and some special tags (listed below) can be inserted into the output template by the use of tags.

Fields have the format [[fieldname]]. All other tags have the format ##sometag##.

To use the tags in the box on the left of the page, first click to Disable the editor and then place your cursor in the text area of your target edit and click on the tag you want to place. When you have finished, click to save the template. Alternatively, you may simply type the appropriate name within the required symbols like ##this## or [[this]], respectively.

  • ##edit## creates a clickable icon link that allows you to edit the current entry (only appears if you have the rights to do this)
  • ##delete## creates a link that lets you delete the current entry (only appears if you have the rights to do this)
  • ##approve## create a link that lets you approve the current database entry (only appears if you have the rights to do this)
  • ##disapprove## create a link that lets you unapprove the current database entry (only appears if you have the rights to do this)
  • ##more## creates a link to the single view, which may contain more detailed info
  • ##moreurl## creates just the URL for the above link, useful for creating your own links. You can click on the link icon and type ##moreurl## into URL field or in source view type
    <a href="##moreurl##">[[fieldname]]</a>
  • ##comments## creates a link to the view/edit comments page, the link text is the current number of comments (only appears if comments are turned on)
  • ##user## creates a link to the user page of the user who submitted the entry, link text is their name
  • ##timeadded##
  • ##timemodified##
  • ##userpicture## displays the user picture in List view
  • ##approvalstatus## inserted as inline css provides highlighting for unapproved entries
  • ###tags### displays tags (enabled by default in Manage tags in the Site administration) - new in 3.4
Example of ##userpicture## tag

List template

This template allows you to control the fields used and their layout when viewing multiple entries at once (e.g. search results). It is possible that this view may simply provide an overview with more detailed information available by clicking on an entry to access the single view of the entry.

See Designing a list view in Moodle database activity for instructions on how to create a list template table.

The list template can also be used as a way to export your database as a CSV file.

Single template

This is used to display a single entry at a time and so has more space for display and can use, for example, larger versions of images or optionally provide more information than shown in the list view.

Databasesingletemplate.png

Advanced search template

An advanced search template is for creating the interface form used in the advanced search.

Add template

This template creates the interface form used when adding or editing database entries.

RSS template

Lets you control the content of the RSS feed for database entries.

CSS template

If any of the HTML in your other templates requires CSS to provide visual style you can specify it here.

Javascript template

You can use javascript to manipulate the way elements are displayed in either the List, Single or Add templates. Basically you need to enclose the part you want to manipulate in some named html element. The naming is essential as it allows you to identify the element for manipulation.

Let's say, for example, you have a field in your database that stores a person's name and when you display the names in the List View you want to count the times a name matches some criteria and display the result.

Your database will contain a field which we will call "name". In your List template you will be able to display the contents of that field by using the [[name]] construct at the place where you want that information displayed. For example in the Repeated entry on the list template you will have

 <table>
   <tr>
     <td>Name: [[name]]</td>
   </tr>
 <table>  

You now need to modify that entry to ensure that the part you want to manipulate is a named element.

 <table>
   <tr>
     <td name="named">Name: [[name]]</td>
   </tr>
 <table>  

The footer of your list view can then contain another named element to display the result.

  <div name="result"></div>

Your javascript template can now look as follows

 var cnt = 0;
 var re = /foo|Foo/;
 
 function init(){
   var namedElements = document.getElementsByName("named");
   for (i=0; i < namedElements.length; i++) {
       if(re.test(namedElements[i].innerHTML)) cnt++;
     }
   var namedResult = document.getElementsByName("result");
   namedResult[0].innerHTML = cnt;
   }
 
 window.onload = init;

This will display a table of names as is usual in the list view. Now at the bottom there will also be the count of the names that matched foo or Foo.

Note that window.onload does not handle any dependencies on YUI code, so any YUI modules required by your init() code may not be loaded, and your code will fail.

In this case, instead of onload, use:

YUI().use('node', 'other', 'dependencies', function(Y) {

  // Your code here.

  // This function is a closure so the Y object you define in the function definition is yours and nothing else on the page should be able to break it.

});

Reset templates button

When you first create a database the templates will be pre-filled with appropriate HTML. If you later add fields then you can press the reset templates button and it will add HTML for the new fields in a similar fashion. If you have edited any of the templates in the meantime then your changes will be lost. It is recommended that you finalize the database fields before changing the template code.

See also

Using Moodle forum discussions: