Gitlab CSE Unil

Skip to content
GitLab
Commit 4eb21967 authored by M. Chardon's avatar M. Chardon
Browse files

documentation et optimisation css

parent 84afbb80
Hide whitespace changes
Inline Side-by-side
lang/en/assignfeedback_editpdfplus.php
View file @ 4eb21967
...@@ -116,6 +116,11 @@ $string['adminaxisimport'] = 'Avaibled axis to import'; ...@@ -116,6 +116,11 @@ $string['adminaxisimport'] = 'Avaibled axis to import';
$string['adminaxisimport_name'] = 'Name'; $string['adminaxisimport_name'] = 'Name';
$string['adminaxisimport_tool'] = 'Tools'; $string['adminaxisimport_tool'] = 'Tools';
$string['adminaxisimport_action'] = 'Import'; $string['adminaxisimport_action'] = 'Import';
$string['adminaxis_save'] = 'Save';
$string['adminaxis_cancel'] = 'Cancel';
$string['adminaxisdelete_question'] = 'Are you sur to delete the selected axis?';
$string['adminaxisdelete_ok'] = 'Yes';
$string['adminaxisdelete_ko'] = 'No';
$string['admintools'] = 'Tools'; $string['admintools'] = 'Tools';
$string['adminaddtool'] = 'Add a new tool'; $string['adminaddtool'] = 'Add a new tool';
$string['admintoolboxaction'] = 'Action'; $string['admintoolboxaction'] = 'Action';
......
lang/fr/assignfeedback_editpdfplus.php
View file @ 4eb21967
...@@ -116,6 +116,11 @@ $string['adminaxisimport'] = 'Axes disponibles à l\'importation'; ...@@ -116,6 +116,11 @@ $string['adminaxisimport'] = 'Axes disponibles à l\'importation';
$string['adminaxisimport_name'] = 'Nom'; $string['adminaxisimport_name'] = 'Nom';
$string['adminaxisimport_tool'] = 'Outils'; $string['adminaxisimport_tool'] = 'Outils';
$string['adminaxisimport_action'] = 'Importer'; $string['adminaxisimport_action'] = 'Importer';
$string['adminaxis_save'] = 'Sauver';
$string['adminaxis_cancel'] = 'Annuler';
$string['adminaxisdelete_question'] = 'Êtes-vous sûr de supprimer l\'axe sélectionné ?';
$string['adminaxisdelete_ok'] = 'Oui';
$string['adminaxisdelete_ko'] = 'Non';
$string['admintools'] = 'Outils'; $string['admintools'] = 'Outils';
$string['adminaddtool'] = 'Ajout d\'un nouvel outil'; $string['adminaddtool'] = 'Ajout d\'un nouvel outil';
$string['admintoolboxaction'] = 'Action'; $string['admintoolboxaction'] = 'Action';
......
styles.css
View file @ 4eb21967
...@@ -498,4 +498,29 @@ ul.assignfeedback_editpdfplus_menu { ...@@ -498,4 +498,29 @@ ul.assignfeedback_editpdfplus_menu {
} }
#editpdlplus_tool_item { #editpdlplus_tool_item {
margin-top: 15px; margin-top: 15px;
}
#editpdlplus_tool_label {
cursor: default;
}
.assignfeedback_editpdfplus_widget_admin_tool_col2 {
padding-left: 15px;
width: 50%;
vertical-align: top;
}
.assignfeedback_editpdfplus_widget_admin_tool_col1 {
width: 50%;
vertical-align: top;
}
.assignfeedback_editpdfplus_widget_admin_tool_row {
padding-top: 20px;
}
#toolworkspace label {
width: 100%;
}
#toolworkspace .drawingcanvas {
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
height: 330px;
box-sizing: border-box;
} }
\ No newline at end of file
templates/axis_del_form.mustache
View file @ 4eb21967
{{! {{!
@template assignfeedback_editpdfplus/axis_form This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{!
@template assignfeedback_editpdfplus/axis_del_form
Admin template for remove one axis.
Context variables required for this template:
* courseid - Course id
* title - Title of the page (add or edit)
* render - form render for removing the axis
* id - form id
}} }}
<div class="panel panel-default"> <div class="panel panel-default">
...@@ -7,10 +31,10 @@ ...@@ -7,10 +31,10 @@
{{title}} {{title}}
</div> </div>
<div class="panel-body" style="text-align: center;"> <div class="panel-body" style="text-align: center;">
<p>Êtes-vous sûr de supprimer l'axe sélectionné ?</p> <p>{{# str }} adminaxisdelete_question, assignfeedback_editpdfplus {{/ str }}</p>
{{{render}}} {{{render}}}
<button type="button" class="btn btn-primary" id="axisDelSubmit">Oui</button> <button type="button" class="btn btn-primary" id="axisDelSubmit">{{# str }} adminaxisdelete_ok, assignfeedback_editpdfplus {{/ str }}</button>
<button type="button" class="btn btn-default" id="axisDelCancel">Non</button> <button type="button" class="btn btn-default" id="axisDelCancel">{{# str }} adminaxisdelete_ko, assignfeedback_editpdfplus {{/ str }}</button>
</div> </div>
</div> </div>
{{# js }} {{# js }}
......
templates/axis_form.mustache
View file @ 4eb21967
...@@ -33,8 +33,8 @@ ...@@ -33,8 +33,8 @@
</div> </div>
<div class="panel-body" style="text-align: center;"> <div class="panel-body" style="text-align: center;">
{{{render}}} {{{render}}}
<button type="button" class="btn btn-primary" id="axisFormSubmit">Sauver</button> <button type="button" class="btn btn-primary" id="axisFormSubmit">{{# str }} adminaxis_save, assignfeedback_editpdfplus {{/ str }}</button>
<button type="button" class="btn btn-default" id="axisFormCancel">Annuler</button> <button type="button" class="btn btn-default" id="axisFormCancel">{{# str }} adminaxis_cancel, assignfeedback_editpdfplus {{/ str }}</button>
</div> </div>
</div> </div>
{{# js }} {{# js }}
......
templates/tool_form.mustache
View file @ 4eb21967
{{!
This file is part of Moodle - http://moodle.org/
Moodle is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Moodle is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Moodle. If not, see <http://www.gnu.org/licenses/>.
}}
{{! {{!
@template assignfeedback_editpdfplus/tool_form @template assignfeedback_editpdfplus/tool_form
Admin template to manage a tool.
Context variables required for this template:
* courseid - Course id
* tool - current tool object to edit
* formid - id of moodleform
* actionurl - moodle service url to send form
* sesskey - session key to validate form
* map01 - picture for previsualisation for type 1
* map02 - picture for previsualisation for type 2
* map03 - picture for previsualisation for type 3
}} }}
<div id="toolworkspace"> <div id="toolworkspace">
{{^tool.id}}<h4>{{# str }} adminaddtool, assignfeedback_editpdfplus {{/ str }}</h4>{{/tool.id}} {{^tool.id}}<h4>{{# str }} adminaddtool, assignfeedback_editpdfplus {{/ str }}</h4>{{/tool.id}}
<table style="margin-bottom: 10px;width:100%;"> <table>
<tr> <tr>
<td > <td>
{{#tool.id}}<div id="editpdlplus_tool_label" class="btn alert-info" style="cursor: default;">{{tool.label}}</div>{{/tool.id}} {{#tool.id}}<div id="editpdlplus_tool_label" class="btn alert-info">{{tool.label}}</div>{{/tool.id}}
</td> </td>
<td style="text-align: right;padding-left: 20px;"> <td style="text-align: right;padding-left: 20px;">
{{# str }} admintoolboxaction, assignfeedback_editpdfplus {{/ str }}{{#tool.id}}s{{/tool.id}} : {{# str }} admintoolboxaction, assignfeedback_editpdfplus {{/ str }}{{#tool.id}}s{{/tool.id}} :
...@@ -20,35 +48,14 @@ ...@@ -20,35 +48,14 @@
{{/tool.id}} {{/tool.id}}
</div> </div>
</td> </td>
<td style="padding-left: 15px;"> <td class='assignfeedback_editpdfplus_widget_admin_tool_col2'>
{{#tool.id}} {{#tool.id}}
<button type="button" class="btn btn-default" id="toolRefesh"><i class="fa fa-refresh" aria-hidden="true"></i></button> <button type="button" class="btn btn-default" id="toolRefesh"><i class="fa fa-refresh" aria-hidden="true"></i></button>
{{/tool.id}} {{/tool.id}}
</td> </td>
</tr> </tr>
<!--div class='row' style="margin-bottom: 10px;">
{{^tool.id}}<h4>{{# str }} adminaddtool, assignfeedback_editpdfplus {{/ str }}</h4>{{/tool.id}}
<div class='col-sm-3'>
{{#tool.id}}<div id="editpdlplus_tool_label" class="btn alert-info" style="cursor: default;">{{tool.label}}</div>{{/tool.id}}
</div>
<div class='col-sm-offset-1 col-sm-3'>
{{# str }} admintoolboxaction, assignfeedback_editpdfplus {{/ str }}{{#tool.id}}s{{/tool.id}} :
<button type="button" class="btn btn-default" id="toolFormSubmit"><i class="fa fa-{{#tool.id}}save{{/tool.id}}{{^tool.id}}save{{/tool.id}}" aria-hidden="true"></i></button>
{{#tool.id}}
<button type="button" class="btn btn-default" id="toolClone"><i class="fa fa-clone" aria-hidden="true"></i></button>
<button type="button" class="btn btn-default" id="toolEnabled"><i class="fa fa-eye{{^tool.enabled}}-slash{{/tool.enabled}}" aria-hidden="true"></i></button>
<button type="button" class="btn btn-default {{^tool.removable}}disabled{{/tool.removable}}" id="toolRemove"><i class="fa fa-remove" aria-hidden="true"></i></button>
{{/tool.id}}
</div>
<div class='col-sm-2'>
{{#tool.id}}
<button type="button" class="btn btn-default" id="toolRefesh"><i class="fa fa-refresh" aria-hidden="true"></i></button>
{{/tool.id}}
</div>
</div-->
<tr> <tr>
<td style="width:50%;vertical-align: top;padding-top: 20px;" colspan="2"> <td class='assignfeedback_editpdfplus_widget_admin_tool_col1 assignfeedback_editpdfplus_widget_admin_tool_row' colspan="2">
<form id="{{formid}}" method="post" action="{{actionurl}}" class="form-horizontal"> <form id="{{formid}}" method="post" action="{{actionurl}}" class="form-horizontal">
<div class="panel-group" id="accordion"> <div class="panel-group" id="accordion">
<div class="panel panel-default"> <div class="panel panel-default">
...@@ -58,24 +65,22 @@ ...@@ -58,24 +65,22 @@
</div> </div>
<div id="collapse1" class="panel-collapse collapse"> <div id="collapse1" class="panel-collapse collapse">
<div class="panel-body"> <div class="panel-body">
<!--div class="form-group"--> <table>
<table style="width:100%;">
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="typetool" style="width: 100%;">{{# str }} admintoolboxtypetool_type, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="typetool">
{{# str }} admintoolboxtypetool_type, assignfeedback_editpdfplus {{/ str }}
</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<select class="form-control" id="typetool" name="typetool"> <select class="form-control" id="typetool" name="typetool">
{{# tools }} {{# tools }}
<option value='{{id}}'>{{libelle}}</option> <option value='{{id}}'>{{libelle}}</option>
{{/ tools }} {{/ tools }}
</select> </select>
<!--/div-->
</td> </td>
</tr> </tr>
</table> </table>
<!--/div-->
</div> </div>
</div> </div>
</div> </div>
...@@ -87,30 +92,26 @@ ...@@ -87,30 +92,26 @@
</div> </div>
<div id="collapse2" class="panel-collapse collapse"> <div id="collapse2" class="panel-collapse collapse">
<div class="panel-body"> <div class="panel-body">
<!--div class="form-group"--> <table>
<table style="width:100%;">
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="button" style="width: 100%;">{{# str }} admintoolboxtoolbardisplay_button, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="button">
{{# str }} admintoolboxtoolbardisplay_button, assignfeedback_editpdfplus {{/ str }}
</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="text" class="form-control" id="button" value="{{tool.label}}" name="button" /> <input type="text" class="form-control" id="button" value="{{tool.label}}" name="button" />
<!--/div-->
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="order" style="width: 100%;">{{# str }} admintoolboxtoolbardisplay_order, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="order">{{# str }} admintoolboxtoolbardisplay_order, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="number" class="form-control" id="order" value="{{tool.order_tool}}" name="order" /> <input type="number" class="form-control" id="order" value="{{tool.order_tool}}" name="order" />
<!--/div-->
</td> </td>
</tr> </tr>
</table> </table>
<!--/div-->
</div> </div>
</div> </div>
</div> </div>
...@@ -122,32 +123,26 @@ ...@@ -122,32 +123,26 @@
</div> </div>
<div id="collapse3" class="panel-collapse collapse"> <div id="collapse3" class="panel-collapse collapse">
<div class="panel-body"> <div class="panel-body">
<!--div class="form-group"--> <table>
<table style="width:100%;">
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label " for="libelle" style="width: 100%;">{{# str }} admintoolboxcartridge_label, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label " for="libelle">{{# str }} admintoolboxcartridge_label, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="text" class="form-control" id="libelle" value="{{tool.cartridge}}" name="libelle" /> <input type="text" class="form-control" id="libelle" value="{{tool.cartridge}}" name="libelle" />
<!--/div-->
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label " for="cartridgecolor" style="width: 100%;">{{# str }} admintoolboxcartridge_color, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label " for="cartridgecolor">{{# str }} admintoolboxcartridge_color, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="color" class="form-control" id="cartridgecolor" placeholder="{{^tool.cartridge_color}}-{{/tool.cartridge_color}}" <input type="color" class="form-control" id="cartridgecolor" placeholder="{{^tool.cartridge_color}}-{{/tool.cartridge_color}}"
value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" name="catridgecolor" /> value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" name="catridgecolor" />
<input type="hidden" id="realcartridgecolor" value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" /> <input type="hidden" id="realcartridgecolor" value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" />
<!--/div-->
</td> </td>
</tr> </tr>
</table> </table>
<!--/div-->
</div> </div>
</div> </div>
</div> </div>
...@@ -159,26 +154,22 @@ ...@@ -159,26 +154,22 @@
</div> </div>
<div id="collapse4" class="panel-collapse collapse"> <div id="collapse4" class="panel-collapse collapse">
<div class="panel-body" style="overflow: auto;"> <div class="panel-body" style="overflow: auto;">
<!--div class="form-group"--> <table>
<table style="width:100%;">
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="color" style="width: 100%;">{{# str }} admintoolboxannotation_color, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="color">{{# str }} admintoolboxannotation_color, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="color" class="form-control" id="color" placeholder="{{^tool.colors}}-{{/tool.colors}}" <input type="color" class="form-control" id="color" placeholder="{{^tool.colors}}-{{/tool.colors}}"
value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" name="color" /> value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" name="color" />
<input type="hidden" id="realcolor" value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" /> <input type="hidden" id="realcolor" value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" />
<!--/div-->
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="texts" style="width: 100%;">{{# str }} admintoolboxannotation_texts, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="texts">{{# str }} admintoolboxannotation_texts, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="hidden" class="form-control" id="texts" value="{{tool.texts}}" name="texts" /> <input type="hidden" class="form-control" id="texts" value="{{tool.texts}}" name="texts" />
<ul class="textform" <ul class="textform"
data-prototype="<input type='text' class='form-control' value='' name='text[__name__]' style='width:90%;display:inline-block;' />" data-prototype="<input type='text' class='form-control' value='' name='text[__name__]' style='width:90%;display:inline-block;' />"
...@@ -187,21 +178,17 @@ ...@@ -187,21 +178,17 @@
<li><input type='text' class='form-control' value='{{text}}' name='text[{{index}}]' style='width:90%;display:inline-block;' /></li> <li><input type='text' class='form-control' value='{{text}}' name='text[{{index}}]' style='width:90%;display:inline-block;' /></li>
{{/tool.textsarray}} {{/tool.textsarray}}
</ul> </ul>
<!--/div-->
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="width: 25%;"> <td style="width: 25%;">
<label class="control-label" for="reply" style="width: 100%;">{{# str }} admintoolboxannotation_reply, assignfeedback_editpdfplus {{/ str }}</label> <label class="control-label" for="reply">{{# str }} admintoolboxannotation_reply, assignfeedback_editpdfplus {{/ str }}</label>
</td> </td>
<td> <td>
<!--div class="col-sm-9"-->
<input type="checkbox" id="reply" {{#tool.reply}}checked {{/tool.reply}}name="reply" /> <input type="checkbox" id="reply" {{#tool.reply}}checked {{/tool.reply}}name="reply" />
<!--/div-->
</td> </td>
</tr> </tr>
</table> </table>
<!--/div-->
</div> </div>
</div> </div>
</div> </div>
...@@ -217,148 +204,14 @@ ...@@ -217,148 +204,14 @@
</form> </form>
</td> </td>
<td style="width:50%;padding-left: 15px;vertical-align: top;padding-top: 20px;"> <td class='assignfeedback_editpdfplus_widget_admin_tool_col2 assignfeedback_editpdfplus_widget_admin_tool_row'>
<input id='map01' type='hidden' value='{{map01}}' /> <input id='map01' type='hidden' value='{{map01}}' />
<input id='map02' type='hidden' value='{{map02}}' /> <input id='map02' type='hidden' value='{{map02}}' />
<input id='map03' type='hidden' value='{{map03}}' /> <input id='map03' type='hidden' value='{{map03}}' />
<!--{{# pix }} cross, assignfeedback_editpdfplus, previsu {{/ pix }}--> <!--{{# pix }} cross, assignfeedback_editpdfplus, previsu {{/ pix }}-->
<div id="canevas" style="background-image: url('{{map01}}');background-repeat: no-repeat; border-width: 1px; border-style: solid; height: 330px;box-sizing: border-box;" class="drawingcanvas"> <div id="canevas" style="background-image: url('{{map01}}');" class="drawingcanvas"></div>
</div>
</td> </td>
</tr> </tr>
<!--div class='row'>
<div class='col-sm-6'>
<form id="{{formid}}" method="post" action="{{actionurl}}" class="form-horizontal">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-wrench" aria-hidden="true"></i>&nbsp;&nbsp;
<a data-toggle="collapse" href="#collapse1" data-parent="#accordion">{{# str }} admintoolboxtypetool, assignfeedback_editpdfplus {{/ str }}</a>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body" style="margin-bottom: 20px;">
<div class="form-group">
<label class="control-label col-sm-3" for="typetool">{{# str }} admintoolboxtypetool_type, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<select class="form-control" id="typetool" name="typetool">
{{# tools }}
<option value='{{id}}'>{{libelle}}</option>
{{/ tools }}
</select>
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-bars" aria-hidden="true"></i>&nbsp;&nbsp;
<a data-toggle="collapse" href="#collapse2" data-parent="#accordion">{{# str }} admintoolboxtoolbardisplay, assignfeedback_editpdfplus {{/ str }}</a>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body" style="margin-bottom: 50px;">
<div class="form-group">
<label class="control-label col-sm-3" for="button">{{# str }} admintoolboxtoolbardisplay_button, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="button" value="{{tool.label}}" name="button" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="order">{{# str }} admintoolboxtoolbardisplay_order, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="number" class="form-control" id="order" value="{{tool.order_tool}}" name="order" />
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-address-card-o" aria-hidden="true"></i>&nbsp;&nbsp;
<a data-toggle="collapse" href="#collapse3" data-parent="#accordion">{{# str }} admintoolboxcartridge, assignfeedback_editpdfplus {{/ str }}</a>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body" style="margin-bottom: 50px;">
<div class="form-group">
<label class="control-label col-sm-3" for="libelle">{{# str }} admintoolboxcartridge_label, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="libelle" value="{{tool.cartridge}}" name="libelle" />
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="cartridgecolor">{{# str }} admintoolboxcartridge_color, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="color" class="form-control" id="cartridgecolor" placeholder="{{^tool.cartridge_color}}-{{/tool.cartridge_color}}"
value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" name="catridgecolor" />
<input type="hidden" id="realcartridgecolor" value="{{#tool.cartridge_color}}{{tool.cartridge_color}}{{/tool.cartridge_color}}" />
</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<i class="fa fa-pencil-square-o" aria-hidden="true"></i>&nbsp;&nbsp;
<a data-toggle="collapse" href="#collapse4" data-parent="#accordion">{{# str }} admintoolboxannotation, assignfeedback_editpdfplus {{/ str }}</a>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body" style="margin-bottom: 80px;overflow: auto;">
<div class="row form-group">
<label class="control-label col-sm-3" for="color">{{# str }} admintoolboxannotation_color, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="color" class="form-control" id="color" placeholder="{{^tool.colors}}-{{/tool.colors}}"
value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" name="color" />
<input type="hidden" id="realcolor" value="{{#tool.colors}}{{tool.colors}}{{/tool.colors}}" />
</div>
</div>
<div class="row form-group">
<label class="control-label col-sm-3" for="texts">{{# str }} admintoolboxannotation_texts, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="hidden" class="form-control" id="texts" value="{{tool.texts}}" name="texts" />
<ul class="textform"
data-prototype="<input type='text' class='form-control' value='' name='text[__name__]' style='width:90%;display:inline-block;' />"
style="list-style-type:none;padding:0px;">
{{#tool.textsarray}}
<li><input type='text' class='form-control' value='{{text}}' name='text[{{index}}]' style='width:90%;display:inline-block;' /></li>
{{/tool.textsarray}}
</ul>
</div>
</div>
<div class="row form-group">
<label class="control-label col-sm-3" for="reply">{{# str }} admintoolboxannotation_reply, assignfeedback_editpdfplus {{/ str }}</label>
<div class="col-sm-9">
<input type="checkbox" id="reply" {{#tool.reply}}checked {{/tool.reply}}name="reply" />