SMMP/build/generic/view/history/details/main.php

<?php

	namespace view\history\details;

	use \generic\core\i_view;
	use \api\core\Request;
	use \error\core\Err;


	class main extends i_view{

		public $id_history;
		public $timeline = [];
		public $entry    = [];


		/* (1) Constructor
		*
		* @id_history<id>					UID of the history entry
		*
		---------------------------------------------------------*/
		public function __construct($id_history){
			/* (1) Set attributes
			---------------------------------------------------------*/
			$this->id_history = $id_history;


			/* (3) Get entry data
			---------------------------------------------------------*/
			/* (1) Request */
			$entry_req = new Request('historyDefault/getById', [ 'id_entry' => $this->id_history ]);

			/* (2) Get response */
			$entry_res = $entry_req->dispatch();

			/* (3) On success, store entry data */
			if( $entry_res->error->get() == Err::Success )
				$this->entry = $entry_res->get('entry');


			/* (3) Get machine timeline
			---------------------------------------------------------*/
			/* (1) Request */
			$mac_req = new Request('historyDefault/get_timeline', [ 'id_entry' => $this->id_history ]);

			/* (2) Get response */
			$mac_res = $mac_req->dispatch();

			/* (3) On success, store timeline data */
			if( $mac_res->error->get() == Err::Success )
				$this->timeline = $mac_res->get('timeline');

		}



		/* (2) Format timeline data to svg render
		*
		* @return svg<String>				SVG raw render
		*
		---------------------------------------------------------*/
		public function svg(){

			/* (1) Initialize variables
			---------------------------------------------------------*/
			/* (1) Set date() timezone */
			date_default_timezone_set('Europe/Paris');

			/* (2) Init. result raw svg */
			$RAW = '';

			/* (3) Set global range */
			$c  = 0;
			$cl = count($this->timeline);

			/* (4) Useful variables */
			$y_pad       = 80;                         // padding between each node
			$line_pad    = 50;                         // padding on each LINE end
			$line_height = ( $cl + 1 ) * $y_pad;       // line height (each node * @y_pad + @y_pad)
			$height      = $line_height + 2*$line_pad; // svg height
			$width       = 100;                        // svg width
			$x           = $width/2;                   // center width

			/* (5) Svg tag */
			$RAW .= "<svg width='$width' height='$height' viewBox='0 0 $width $height' class='timeline'>";

			/* (6) Start CIRCLE */
			$RAW .= "<circle cx='$x' cy='$line_pad' r='7' fill='#edf0f5' class='tstart'/>";
			$RAW .= "<circle cx='$x' cy='$line_pad' r='4' fill='#555' class='tstart'/>";


			/* (2) Build barebone
			---------------------------------------------------------*/
			/* (1) Default TIMELINE */
			$line_end_y = $line_height + $line_pad;
			$RAW .= "<path d='m$x $line_pad L$x $line_end_y' style='stroke-dasharray: 3px;' stroke='#444' class='timeline line'/>";


			/* (3) Build each action
			---------------------------------------------------------*/
			for( $c = 0 ; $c < $cl ; $c++ ){

				/* (1) Calculate X */
				$y = $line_pad + $y_pad + $c*$y_pad;

				/* (2) Get entry data */
				$entry = $this->timeline[$c];

				/* (3) Get useful data */
				$action_class = strtolower($entry['action_name']);
				$icon_uri     = '/src/static/timeline/'.$action_class.'@'.$this->get_action_color($action_class).'.svg';
				$data_user    = "data-user='".$entry['user_name']."'";
				$data_machine = " data-machine='".$entry['machine_name']."'";
				$data_action  = " data-action='".$entry['action_name']."'";
				$data_time    = " data-time='".date('H:i:s d/m/Y', $entry['timestamp'])."'";
				$data_tags    = $data_user.$data_machine.$data_action.$data_time;

				$y_img = $y - 5.5;

				/* (4) Draw entry circles */
				$RAW .= "<circle cx='$x' cy='$y' r='15' class='timeline around $action_class' $data_tags />";
				$RAW .= "<circle cx='$x' cy='$y' r='12' class='timeline center $action_class' />";

				/* (5) Draw entry icon (action) */
				$x_decal = $x - 5.5;
				$RAW .= "\t<image x='$x_decal' y='$y_img' width='12' height='12' xlink:href='$icon_uri' class='icon' />";

				/* (6) Draw circle below if current user */
				if( $this->entry['id_user'] == $entry['id_user'] ){
					$x_decal = $x - 21;
					$RAW .= "<circle cx='$x_decal' cy='$y' r='2' class='timeline below $action_class' />";
				}



			}


			/* (4) Close SVG
			---------------------------------------------------------*/
			/* (1) Stop CIRCLE */
			$y = $line_height + $line_pad;
			$RAW .= "<circle cx='$x' cy='$y' r='6' fill='#edf0f5' class='tstop' />";
			$RAW .= "<circle cx='$x' cy='$y' r='4' fill='#555' class='tstop' />";

			/* (2) Close SVG tag */
			$RAW .= "</svg>";


			/* (5) Create invisible infobox (for now)
			---------------------------------------------------------*/
			$RAW .= "<div class='timeline infobox'></div>";



			return $RAW;
		}



		private function get_action_color($action_name){

			return 'ffffff';

			switch($action_name){
				case 'start':    return '2cde8b'; break;
				case 'stop':     return '3a3a3a'; break;
				case 'lock':     return 'e04343'; break;
				case 'unlock':   return 'af1c1c'; break;
				case 'signal':   return '3258d8'; break;
				case 'unsignal': return '2041ab'; break;
			}

			return '000000';
		}

	}