working on issue #526

sails/src/assets/scripts/modules/supervisor/views/instructions.html

+<!-- InstructionsCtrl controls here, see app.js -->
+
+  <div class="panel panel-default">
+    <div class="panel-heading"><h3 class="panel-title" translate>students</h3></div>
+
+ 	    <div class="panel-body">
+	  	<!-- Select to add new method -->
+	      <div class="form-group">
+	        <select class="form-control" name="method_select" id="method_select" ng-model="method_selected" ng-options="ma.name for ma in methods_available">
+	          <option value="" translate>select_method</option>
+	        </select>
+
+	        <!-- Botón añadir método -->
+	        <button ng-click="add_method()" class="btn btn-success btn-sm" popover="{{ 'add' | translate}}" popover-trigger="mouseenter" ng-disabled="method_selected.id == undefined">
+	        	<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
+	        </button>
+
+	        <!-- Botón eliminar plantilla -->
+	        <button ng-click="delete_template()" class="btn btn-danger btn-sm" popover="{{ 'delete_template' | translate}}" popover-trigger="mouseenter" ng-show="method_selected.supervisor == user.id">
+	        	<span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
+	        </button>
+	      </div>
+		  <!-- END select to add new method -->
+
+		  <!-- Method instructions -->
+	      <div class="method_details" ng-repeat="m in methods">
+
+		    <input type="text" class="editable title" ng-model="m.name " ng-blur="update_method(m)"/>
+
+		    <div class="options">
+
+		      	<a ng-click="save_as_template(m)" popover="{{ 'save_as_template' | translate}}" popover-trigger="mouseenter"><span class="text_medium color_black glyphicon glyphicon-floppy-disk" aria-hidden="true"></span></a>
+		      	<a ng-click="delete_method(m)" popover="{{ 'delete' | translate}}" popover-trigger="mouseenter"><span class="text_medium delete color_red glyphicon glyphicon-remove-circle" aria-hidden="true"></span></a>
+		    </div>
+
+	      	<textarea class="editable" ng-model="m.description " placeholder="{{'description' | translate}}" ng-blur="update_method(m)"></textarea>
+
+
+	      <!-- Tabla método -->
+	      <table class="table_instructions table">
+	        <tr>
+	          <th></th>
+	          <th translate>instruction</th>
+	          <th translate>objetive</th>
+	          <th class="text-center" translate>instruction_begin</th>
+	          <th class="text-center" translate>instruction_end</th>
+	          <th class="text-center" translate>state</th>
+	          <th></th>
+	        </tr>
+	        <tr ng-repeat="i in m.instructions">
+	          <td>
+	            <a ng-click="open_instruction(i)"><span class="glyphicon glyphicon-file text_medium" aria-hidden="true"></span></a>
+	          </td>
+	          <td><input  class="editable" type="text" ng-model="i.name" ng-blur="update_instruction(i)" /></td>
+	          <td><input class="elipsis editable" type="text" ng-model="i.objective" ng-blur="update_instruction(i)" /></td>
+	          <td class="editable">
+	          	<div class="text-center">
+	          		<span class="color_blue">{{ i.begin | date:"dd-MM-yyyy" }}</span>
+	          		<br />
+	          		{{ i.begin | date:"HH:mm:ss" }}
+	          	</div>
+	          </td>
+	          <td class="editable">
+	          	<div class="text-center" ng-class="{ color_green : i.id == m.last_ins }">
+	          		<span ng-class="{ color_green : i.id == m.last_ins, color_blue : i.id != m.last_ins }">{{ i.end | date:"dd-MM-yyyy" }}</span>
+	          		<br/>
+	          		{{ i.end | date:"HH:mm:ss" }}
+	          	</div>
+	          </td>
+	          <td class="editable_status">
+	            <span class="pointer text_medium glyphicon" ng-class="{
+	            	'color_green': i.status == 'finished',
+	            	'glyphicon-check': i.status == 'finished',
+	            	'color_blue': i.status == 'started',
+	            	'glyphicon-edit': i.status == 'started',
+	            	'glyphicon-minus': i.status == null
+	            }" aria-hidden="true" popover="{{(i.status || 'nobegin') | translate}}" popover-trigger="mouseenter" ng-click="change_status(i)"></span>
+	          </td>
+	          <td><a confirmed-click="delete_instruction(i);" ng-confirm-click="{{ 'confirmation' | translate}}" class="delete_instruction"><span class="text_medium delete color_red glyphicon glyphicon-remove-circle" aria-hidden="true"></span></a></td>
+	        </tr>
+	      </table>
+
+	      <!-- Añadir instrucción al método -->
+	      <p class="text-right">
+	        <a ng-click="add_instruction(m)" class="add_instruction btn btn-success btn-sm" role="button">
+	          <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> {{ 'add_instruction' | translate }}
+	        </a>
+	      </p>
+	    </div>
+	    <!-- Fin de .method_details -->
+
+
+	   </div>
+	    <!-- END .panel-body -->
+  </div>
+  <!-- END .panel -->
+</div>