42 matters test

by Vladimir

HTML

<div class="cfs_loop_body open">
    <label>Иконка</label>
    <div class="field field-app_feature_icon cfs_text">
        <input type="text" name="cfs[input][4][0][5][value][]" class="text" value="fa-thumbs-o-up">
    </div>
</div>

CSS

.field-app_feature_icon input {
  /*pointer-events: none;*/
  width: 500px;
}
.field-app_feature_icon::after {
  content: "click.";
  background-color: #FFBA10;
  border-color: black;
  border-style: dotted;
   pointer-events: all;
}

JavaScript

$('body').on('dblclick', '.field-app_feature_icon', function() {
	var package = $('input', this).val();
  package = package.replace(/https\:\/\/play\.google\.com\/store\/apps\/details\?id=/, '');
  getInfo(package);
});

function getInfo(package) {
	$.ajax({
  	method: 'GET',
    url: 'https://data.42matters.com/api/v2.0/android/apps/lookup.json',
    data: {
    	p: package,
      access_token: '39737bc1f4f991a589c5f38b5913555f47ba7a7a',
      lang: 'ru'
    },
    success: function(response) {
    	console.log(response);
    },
    error: function(e) {
    	alert(JSON.stringify(e));
    }
  })
}