metatarz

## posoco.tpl.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                metatarz
                / posoco.tpl.md
            
            
              Created
              March 13, 2023 12:36
            
              
                POSOCO template
              
          
    Tags

posoco tags separated by comma

tag1,tag2,tag3

Problem

State your problem, issue you are facing, expected output... in few words
Solution


## posoco.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                metatarz
                / posoco.md
            
            
              Last active
              March 13, 2023 12:22
            
              
                jq filtering with arguments, variables and keeping the result as an array
              
          
    Tags


jq,jq-with-arguments,jq-filter-from-array-to-array,jq-with-variables

Problem statement

I want to be able to select a random peak object with a given 'peak.type' argument from the peaks array data with jq.
Solution


Filter peaks data with '.peaks[] | select(.type == $p)'
Surround the expression with [] to keep it as an array
Get the length of the new array and assign the value to the $k variable
Convert the $i argument and get the modulus with the $k variable to keep the random index within the range


## index.html
<body>
    <div class="contact-us">
        <div class="phone-icon"></div>
    </div>
</body>

## index.html
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Reactive CSS Animations </title>
  <style>
    .long{
      background-color: #137b85;
      height: 100vh;
      width: 100vw;

## InteractiveMap.vue
<template>
<div id="map"></div>
<popup :key="componentKey"></popup>
</template>

<script>
import PopupContent from './PopupContent.vue'
export default{
    name:'InteractiveMap',
    data(){

## compress.js
const fileEl = document.getElementById('upload-js')
fileEl.addEventListener('change', async ()=>{
    const uploadedFile = fileEl.files[0]
    const format = 'gzip'
    const compressedFile = await compressStream(uploadedFile, format)

    console.log(compressedFile)

})
	<body>
	<div class="contact-us">
	<div class="phone-icon"></div>
	</div>
	</body>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Reactive CSS Animations </title>
	<style>
	.long{
	background-color: #137b85;
	height: 100vh;
	width: 100vw;
	<template>
	<div id="map"></div>
	<popup :key="componentKey"></popup>
	</template>

	<script>
	import PopupContent from './PopupContent.vue'
	export default{
	name:'InteractiveMap',
	data(){
	const fileEl = document.getElementById('upload-js')
	fileEl.addEventListener('change', async ()=>{
	const uploadedFile = fileEl.files[0]
	const format = 'gzip'
	const compressedFile = await compressStream(uploadedFile, format)

	console.log(compressedFile)

	})