000

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Saroj Speech Search</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <style>
        .table-striped thead{
          background-color: #f1f1f1;  
          position:relative;
          display: block;
          width:100%;
          overflow-y: scroll;
        }
        .table-striped tbody{
          display: block; position:relative;
          width:100%; 
          height: 300px;
          overflow-y:scroll;
          border-top: 1px solid rgba(0,0,0,0.2);
        }
        	* {
        		font-family: Verdana, Arial, sans-serif;
        	}
        	a:link {
        		color:#000;
        		text-decoration: none;
        	}
        	a:visited {
        		color:#000;
        	}
        	a:hover {
        		color:#33F;
        	} 
        	.button {
        		background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
        		border: 1px solid #076bd2;
        		border-radius: 3px;
        		color: #fff;
        		display: none;
        		font-size: 13px;
        		font-weight: bold;
        		line-height: 1.3;
        		padding: 8px 25px;
        		text-align: center;
        		text-shadow: 1px 1px 1px #076bd2;
        		letter-spacing: normal;
        	}
        	.center {
        		padding: 10px;
        		text-align: center;
        	}
        	.final {
        		color: black;
        		padding-right: 3px; 
        	}
        	.interim {
        		color: gray;
        	}
        	.info {
        		font-size: 14px;
        		text-align: center;
        		color: #777;
        		display: none;
        	}
        	.right {
        		float: right;
        	}
        	.sidebyside {
        		display: inline-block;
        		width: 45%;
        		min-height: 40px;
        		text-align: left;
        		vertical-align: top;
        	}
        	#headline {
        		font-size: 40px;
        		font-weight: 300;
        	}
        	#info {
        		font-size: 20px;
        		text-align: center;
        		color: #777;
        		visibility: hidden;
        	}
        	#results {
        	    width:110%;
        	    border-radius:35px;
        		font-size: 14px;
        		font-weight: bold;
        		/*border: 1px solid #ddd;*/
        		padding: 15px;
        		text-align: left;
        		min-height: 60px;
        		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        		padding-top:21px;
        	}
        	#start_button {
        	    outline:none;
        	    margin-top:3px;
        		border: none;
        		background-color:transparent;
        	
        	}.bxx{
        	        box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
                    border-radius: 5px;
        	}
        </style>
    </head>
    <body>
        <div class="container">
	        
            <div class="row">
                <div class="col-sm-12">
                    <div id="info">
            			<p id="info_start">Click on the microphone icon and begin speaking.</p>
            			<p id="info_speak_now">Speak now.</p>
            			<p id="info_no_speech">No speech was detected. You may need to adjust your
            				<a href="//support.google.com/chrome/bin/answer.py?hl=en&amp;answer=1407892">
            				microphone settings</a>.</p>
            			<p id="info_no_microphone" style="display:none">
            					No microphone was found. Ensure that a microphone is installed and that
            					<a href="//support.google.com/chrome/bin/answer.py?hl=en&amp;answer=1407892">
            					microphone settings</a> are configured correctly.</p>
            			<p id="info_allow">Click the "Allow" button above to enable your microphone.</p>
            			<p id="info_denied">Permission to use microphone was denied.</p>
            			<p id="info_blocked">Permission to use microphone is blocked. To change,
            					go to chrome://settings/contentExceptions#media-stream</p>
            			<p id="info_upgrade">Web Speech API is not supported by this browser.
            						Upgrade to <a href="//www.google.com/chrome">Chrome</a>
            					version 25 or later.</p>
    		        </div> 
                </div>
            </div>
            <div class="row">
                <div class="col-sm-11">
                    <div id="results">
					<span id="final_span" class="final"></span>
					<span id="interim_span" class="interim"></span>
                </div>
                </div>
                <div class="col-sm-1">
                    <div class="right">
					<button id="start_button" onclick="startButton(event)">
					<img id="start_img" src="{{url('mic.gif')}}" alt="Start"></button>
				</div>
                </div>
            </div>
            <div class="row">
            	<div id="div_language">
            		<select id="select_language" onchange="updateCountry()" hidden=""></select>
            		&nbsp;&nbsp;
            		<select id="select_dialect" hidden=""></select>
            	</div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div id="piechart"></div>    
                </div>
            </div>
        	<div class="row">
    			<div class="col-md-6 container_stock"></div>
    			<div class="col-md-6 container_sale"></div>
    			<div class="col-md-4 container_purchase"></div>
    			<div class="col-md-4 container_token"></div>
    			<div class="col-md-4 container_invoice"></div>
    		</div> 
	
	</div>
				
<script>
	var langs =
	[['Afrikaans',       ['af-ZA']],
	['Bahasa Indonesia',['id-ID']],
	['Bahasa Melayu',   ['ms-MY']],
	['Català',          ['ca-ES']],
	['Čeština',         ['cs-CZ']],
	['Deutsch',         ['de-DE']],
	['English',         ['en-AU', 'Australia'],
	['en-CA', 'Canada'],
	['en-IN', 'India'],
	['en-NZ', 'New Zealand'],
	['en-ZA', 'South Africa'],
	['en-GB', 'United Kingdom'],
	['en-US', 'United States']],
	['Español',         ['es-AR', 'Argentina'],
	['es-BO', 'Bolivia'],
	['es-CL', 'Chile'],
	['es-CO', 'Colombia'],
	['es-CR', 'Costa Rica'],
	['es-EC', 'Ecuador'],
	['es-SV', 'El Salvador'],
	['es-ES', 'España'],
	['es-US', 'Estados Unidos'],
	['es-GT', 'Guatemala'],
	['es-HN', 'Honduras'],
	['es-MX', 'México'],
	['es-NI', 'Nicaragua'],
	['es-PA', 'Panamá'],
	['es-PY', 'Paraguay'],
	['es-PE', 'Perú'],
	['es-PR', 'Puerto Rico'],
	['es-DO', 'República Dominicana'],
	['es-UY', 'Uruguay'],
	['es-VE', 'Venezuela']],
	['Euskara',         ['eu-ES']],
	['Français',        ['fr-FR']],
	['Galego',          ['gl-ES']],
	['Hrvatski',        ['hr_HR']],
	['IsiZulu',         ['zu-ZA']],
	['Íslenska',        ['is-IS']],
	['Italiano',        ['it-IT', 'Italia'],
	['it-CH', 'Svizzera']],
	['Magyar',          ['hu-HU']],
	['Nederlands',      ['nl-NL']],
	['Norsk bokmål',    ['nb-NO']],
	['Polski',          ['pl-PL']],
	['Português',       ['pt-BR', 'Brasil'],
	['pt-PT', 'Portugal']],
	['Română',          ['ro-RO']],
	['Slovenčina',      ['sk-SK']],
	['Suomi',           ['fi-FI']],
	['Svenska',         ['sv-SE']],
	['Türkçe',          ['tr-TR']],
	['български',       ['bg-BG']],
	['Pусский',         ['ru-RU']],
	['Српски',          ['sr-RS']],
	['한국어',            ['ko-KR']],
	['中文',             ['cmn-Hans-CN', '普通话 (中国大陆)'],
	['cmn-Hans-HK', '普通话 (香港)'],
	['cmn-Hant-TW', '中文 (台灣)'],
	['yue-Hant-HK', '粵語 (香港)']],
	['日本語',           ['ja-JP']],
	['Lingua latīna',   ['la']]];

for (var i = 0; i < langs.length; i++) {
		select_language.options[i] = new Option(langs[i][0], i);
	}
	select_language.selectedIndex = 6;
	updateCountry();
	select_dialect.selectedIndex = 6;
	showInfo('info_start');

var create_email = false;
	var final_transcript = '';
	var recognizing = false;
	var ignore_onend;
	var start_timestamp;
	if (!('webkitSpeechRecognition' in window)) {
		upgrade();
	} else {
		start_button.style.display = 'inline-block';
		var recognition = new webkitSpeechRecognition();
		recognition.continuous = true;
		recognition.interimResults = true;

recognition.onstart = function() {
			recognizing = true;
			showInfo('info_speak_now');
			start_img.src = 'http://imanager.pmmsapp.com/mic-animate.gif';
		};

recognition.onerror = function(event) {
			if (event.error == 'no-speech') {
				start_img.src = 'http://imanager.pmmsapp.com/mic.gif';
				showInfo('info_no_speech');
				ignore_onend = true;
			}
			if (event.error == 'audio-capture') {
				start_img.src = 'http://imanager.pmmsapp.com/mic.gif';
				showInfo('info_no_microphone');
				ignore_onend = true;
			}
			if (event.error == 'not-allowed') {
				if (event.timeStamp - start_timestamp < 100) {
					showInfo('info_blocked');
				} else {
					showInfo('info_denied');
				}
				ignore_onend = true;
			}
		};

recognition.onend = function() {
			recognizing = false;
			if (ignore_onend) {
				return;
			}
			start_img.src = 'http://imanager.pmmsapp.com/mic.gif';
			if (!final_transcript) {
				showInfo('info_start');
				return;
			}
			showInfo('');
			if (window.getSelection) {
				window.getSelection().removeAllRanges();
				var range = document.createRange();
				range.selectNode(document.getElementById('final_span'));
				window.getSelection().addRange(range);
			}
			if (create_email) {
				create_email = false;
				createEmail();
			}
		};

recognition.onresult = function(event){
			var interim_transcript = '';
			for (var i = event.resultIndex; i < event.results.length; ++i) {
				if (event.results[i].isFinal) {
					final_transcript += event.results[i][0].transcript;
				} else {
					interim_transcript += event.results[i][0].transcript;
				}
			}
			final_transcript = capitalize(final_transcript);
			final_span.innerHTML = linebreak(final_transcript);
			interim_span.innerHTML = linebreak(interim_transcript);
			if (final_transcript || interim_transcript) {
				showButtons('inline-block');
				getdata(final_transcript);
				// $.ajaxSetup({
				// 	headers: {
				// 		'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
				// 	}
				// });
				// $.ajax({
				// 	url: "{{url('/user/get/')}}"+"/"+final_transcript,
				// 	type: 'GET',
				// 	success: function(response){
				// 		$('.container').empty();
				// 		$('.container').append(response);
				// 		document.getElementById('chart_div').style.display = 'block';
				// 		document.getElementById('chartd').style.display = 'block';
				// 	}
				// });

}

};
	}

function upgrade() {
		start_button.style.visibility = 'hidden';
		showInfo('info_upgrade');
	}

var two_line = /\n\n/g;
	var one_line = /\n/g;
	function linebreak(s) {
		return s.replace(two_line, '<p></p>').replace(one_line, '<br>');
	}

var first_char = /\S/;
	function capitalize(s) {
		return s.replace(first_char, function(m) { return m.toUpperCase(); });
	}

function createEmail() {
		var n = final_transcript.indexOf('\n');
		if (n < 0 || n >= 80) {
			n = 40 + final_transcript.substring(40).indexOf(' ');
		}
		var subject = encodeURI(final_transcript.substring(0, n));
		var body = encodeURI(final_transcript.substring(n + 1));
		window.location.href = 'mailto:?subject=' + subject + '&body=' + body;
	}

function copyButton() {
		if (recognizing) {
			recognizing = false;
			recognition.stop();
		}
		copy_button.style.display = 'none';
		copy_info.style.display = 'inline-block';
		showInfo('');
	}

function startButton(event) {
		if (recognizing) {
			recognition.stop();
			return;
		}
		final_transcript = '';
		recognition.lang = select_dialect.value;
		recognition.start();
		ignore_onend = false;
		final_span.innerHTML = '';
		interim_span.innerHTML = '';
		start_img.src = 'http://imanager.pmmsapp.com/mic-slash.gif';
		showInfo('info_allow');
		showButtons('none');
		start_timestamp = event.timeStamp;
	}

var current_style;
	function showButtons(style) {
		if (style == current_style) {
			return;
		}
		current_style = style;
		copy_button.style.display = style;
		email_button.style.display = style;
		copy_info.style.display = 'none';
		email_info.style.display = 'none';
	}

</script>

//     var options = {
    //       title: 'Product Details'
    //     };

//     var chart = new google.visualization.PieChart(document.getElementById('piechart'));

//     chart.draw(data, options);
    //   }
       
// 	function piechart(data)
// 	{
// 		google.charts.load('current', {'packages':['corechart']});
//         google.charts.setOnLoadCallback(drawChart); 
//         function drawChart() {
//         var data = google.visualization.arrayToDataTable([
//             ['Product Name', 'Quantity'],

//         ]);

//           var options = {
//             title: 'Product Details',
//             is3D: false,
//           };

//           var chart = new google.visualization.PieChart(document.getElementById('piechart'));

//           chart.draw(data, options);
//         }
// 		        $.ajaxSetup({
// 					headers: {
// 						'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
// 					}
// 				});
// 				$.ajax({
// 					url: "{{url('/user/get_piechart/')}}"+"/"+data,
// 					type: 'GET',
// 					success: function(response){
// 						console.log(response);
// 						$('.piechart').empty();
// 						$('.piechart').append(response);
// 					}
// 				});
// 	}
	</script>
    </body>
</html>