add filter

This commit is contained in:
Sk Golam Saroar
2022-06-16 16:18:22 -04:00
parent 0ef0b6ce0a
commit 36bd596882
2 changed files with 128 additions and 104 deletions
+99 -100
View File
@@ -1,100 +1,99 @@
[{"name": "name", "link": "link"}, [{"name": "tf", "link": "https://youtu.be/jKV53r9-H14", "type": "Api"},
{"name": "tf", "link": "https://youtu.be/jKV53r9-H14"}, {"name": "tf.abs", "link": "https://youtu.be/RPocW_aMZKE", "type": "Api"},
{"name": "tf.abs", "link": "https://youtu.be/RPocW_aMZKE"}, {"name": "tf.acos", "link": "https://youtu.be/hzHy57W4Nho", "type": "Api"},
{"name": "tf.acos", "link": "https://youtu.be/hzHy57W4Nho"}, {"name": "tf.acosh", "link": "https://youtu.be/hzHy57W4Nho", "type": "Api"},
{"name": "tf.acosh", "link": "https://youtu.be/hzHy57W4Nho"}, {"name": "tf.add", "link": "https://youtu.be/VFEOskzhhbc", "type": "Api"},
{"name": "tf.add", "link": "https://youtu.be/VFEOskzhhbc"}, {"name": "tf.add_n", "link": "https://youtu.be/OTqtOfP3HhI", "type": "Api"},
{"name": "tf.add_n", "link": "https://youtu.be/OTqtOfP3HhI"}, {"name": "tf.AggregationMethod", "link": "https://youtu.be/XU5rTgfnq6E", "type": "Api"},
{"name": "tf.AggregationMethod", "link": "https://youtu.be/XU5rTgfnq6E"}, {"name": "tf.argmax", "link": "https://youtu.be/K3lX3Cltt4c", "type": "Api"},
{"name": "tf.argmax", "link": "https://youtu.be/K3lX3Cltt4c"}, {"name": "tf.argmin", "link": "https://youtu.be/JJ29IMZpLSU", "type": "Api"},
{"name": "tf.argmin", "link": "https://youtu.be/JJ29IMZpLSU"}, {"name": "tf.argsort", "link": "https://youtu.be/-Op5UO22k_k", "type": "Api"},
{"name": "tf.argsort", "link": "https://youtu.be/-Op5UO22k_k"}, {"name": "tf.as_dtype", "link": "https://youtu.be/lP4Qk0y0HGk", "type": "Api"},
{"name": "tf.as_dtype", "link": "https://youtu.be/lP4Qk0y0HGk"}, {"name": "tf.as_string", "link": "https://youtu.be/ZmlqsOidnWw", "type": "Api"},
{"name": "tf.as_string", "link": "https://youtu.be/ZmlqsOidnWw"}, {"name": "tf.asin", "link": "https://youtu.be/wkHkSd6BtJo", "type": "Api"},
{"name": "tf.asin", "link": "https://youtu.be/wkHkSd6BtJo"}, {"name": "tf.asinh", "link": "https://youtu.be/kWI1fvC60bY", "type": "Api"},
{"name": "tf.asinh", "link": "https://youtu.be/kWI1fvC60bY"}, {"name": "tf.Assert", "link": "https://youtu.be/RPocW_aMZKE", "type": "Api"},
{"name": "tf.Assert", "link": "https://youtu.be/RPocW_aMZKE"}, {"name": "tf.assert_equal", "link": "https://youtu.be/qJJPrvUcvTI", "type": "Api"},
{"name": "tf.assert_equal", "link": "https://youtu.be/qJJPrvUcvTI"}, {"name": "tf.assert_greater", "link": "https://youtu.be/-3q_-FhNtOw", "type": "Api"},
{"name": "tf.assert_greater", "link": "https://youtu.be/-3q_-FhNtOw"}, {"name": "tf.assert_less", "link": "https://youtu.be/-3q_-FhNtOw", "type": "Api"},
{"name": "tf.assert_less", "link": "https://youtu.be/-3q_-FhNtOw"}, {"name": "tf.assert_rank", "link": "null", "type": "Api"},
{"name": "tf.assert_rank", "link": "null"}, {"name": "tf.atan", "link": "https://youtu.be/sxbpsRkLYVc", "type": "Api"},
{"name": "tf.atan", "link": "https://youtu.be/sxbpsRkLYVc"}, {"name": "tf.atan2", "link": "https://youtu.be/tfM5QUNYtEA", "type": "Api"},
{"name": "tf.atan2", "link": "https://youtu.be/tfM5QUNYtEA"}, {"name": "tf.atanh", "link": "https://youtu.be/VmZI_YkfPBM", "type": "Api"},
{"name": "tf.atanh", "link": "https://youtu.be/VmZI_YkfPBM"}, {"name": "tf.audio", "link": "https://youtu.be/ZLIPkmmDJAc", "type": "Api"},
{"name": "tf.audio", "link": "https://youtu.be/ZLIPkmmDJAc"}, {"name": "tf.audio.decode_wav", "link": "https://youtu.be/ZLIPkmmDJAc", "type": "Api"},
{"name": "tf.audio.decode_wav", "link": "https://youtu.be/ZLIPkmmDJAc"}, {"name": "tf.audio.encode_wav", "link": "null", "type": "Api"},
{"name": "tf.audio.encode_wav", "link": "null"}, {"name": "tf.autodiff", "link": "https://youtu.be/boIOgsu-Q8E", "type": "Api"},
{"name": "tf.autodiff", "link": "https://youtu.be/boIOgsu-Q8E"}, {"name": "tf.autodiff.ForwardAccumulator", "link": "https://youtu.be/boIOgsu-Q8E", "type": "Api"},
{"name": "tf.autodiff.ForwardAccumulator", "link": "https://youtu.be/boIOgsu-Q8E"}, {"name": "tf.autodiff.GradientTape", "link": "https://youtu.be/tDG52BjkGUY", "type": "Api"},
{"name": "tf.autodiff.GradientTape", "link": "https://youtu.be/tDG52BjkGUY"}, {"name": "tf.autograph", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.autograph.experimental", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.autograph.experimental.do_not_convert", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.do_not_convert", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.autograph.experimental.Feature", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.Feature", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.autograph.experimental.set_loop_options", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.set_loop_options", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.autograph.set_verbosity", "link": "https://youtu.be/NIEgzljyDyI", "type": "Api"},
{"name": "tf.autograph.set_verbosity", "link": "https://youtu.be/NIEgzljyDyI"}, {"name": "tf.autograph.to_code", "link": "https://youtu.be/wYJtc3xG8as", "type": "Api"},
{"name": "tf.autograph.to_code", "link": "https://youtu.be/wYJtc3xG8as"}, {"name": "tf.autograph.to_graph", "link": "https://youtu.be/WTNH0tcscqo", "type": "Api"},
{"name": "tf.autograph.to_graph", "link": "https://youtu.be/WTNH0tcscqo"}, {"name": "tf.autograph.trace", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.trace", "link": "https://youtu.be/Up9CvRLIIIw"}, {"name": "tf.batch_to_space", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.batch_to_space", "link": "https://youtu.be/RoHhsCV4lfE"}, {"name": "tf.bitcast", "link": "https://youtu.be/CrpAiAHjfCo", "type": "Api"},
{"name": "tf.bitcast", "link": "https://youtu.be/CrpAiAHjfCo"}, {"name": "tf.bitwise", "link": "https://youtu.be/zQS6h-XneMs", "type": "Api"},
{"name": "tf.bitwise", "link": "https://youtu.be/zQS6h-XneMs"}, {"name": "tf.bitwise.bitwise_and", "link": "https://youtu.be/P4lfmClTSsc", "type": "Api"},
{"name": "tf.bitwise.bitwise_and", "link": "https://youtu.be/P4lfmClTSsc"}, {"name": "tf.bitwise.bitwise_or", "link": "https://youtu.be/lP4Qk0y0HGk", "type": "Api"},
{"name": "tf.bitwise.bitwise_or", "link": "https://youtu.be/lP4Qk0y0HGk"}, {"name": "tf.bitwise.bitwise_xor", "link": "https://youtu.be/0XjMtocYtwY", "type": "Api"},
{"name": "tf.bitwise.bitwise_xor", "link": "https://youtu.be/0XjMtocYtwY"}, {"name": "tf.bitwise.invert", "link": "https://youtu.be/cJ3oqHqRBF0", "type": "Api"},
{"name": "tf.bitwise.invert", "link": "https://youtu.be/cJ3oqHqRBF0"}, {"name": "tf.bitwise.left_shift", "link": "https://youtu.be/bPW_mZI2nUk", "type": "Api"},
{"name": "tf.bitwise.left_shift", "link": "https://youtu.be/bPW_mZI2nUk"}, {"name": "tf.bitwise.right_shift", "link": "https://youtu.be/bPW_mZI2nUk", "type": "Api"},
{"name": "tf.bitwise.right_shift", "link": "https://youtu.be/bPW_mZI2nUk"}, {"name": "tf.boolean_mask", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.boolean_mask", "link": "https://youtu.be/RoHhsCV4lfE"}, {"name": "tf.broadcast_dynamic_shape", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.broadcast_dynamic_shape", "link": "https://youtu.be/RoHhsCV4lfE"}, {"name": "tf.broadcast_static_shape", "link": "null", "type": "Api"},
{"name": "tf.broadcast_static_shape", "link": "null"}, {"name": "tf.broadcast_to", "link": "https://youtu.be/tfM5QUNYtEA", "type": "Api"},
{"name": "tf.broadcast_to", "link": "https://youtu.be/tfM5QUNYtEA"}, {"name": "tf.case", "link": "https://youtu.be/jKV53r9-H14", "type": "Api"},
{"name": "tf.case", "link": "https://youtu.be/jKV53r9-H14"}, {"name": "tf.cast", "link": "https://youtu.be/2JtCNIyGNPU", "type": "Api"},
{"name": "tf.cast", "link": "https://youtu.be/2JtCNIyGNPU"}, {"name": "tf.clip_by_global_norm", "link": "https://youtu.be/yV0-GyrnxBs", "type": "Api"},
{"name": "tf.clip_by_global_norm", "link": "https://youtu.be/yV0-GyrnxBs"}, {"name": "tf.clip_by_norm", "link": "https://youtu.be/2JtCNIyGNPU", "type": "Api"},
{"name": "tf.clip_by_norm", "link": "https://youtu.be/2JtCNIyGNPU"}, {"name": "tf.clip_by_value", "link": "https://youtu.be/k7KfYXXrOj0", "type": "Api"},
{"name": "tf.clip_by_value", "link": "https://youtu.be/k7KfYXXrOj0"}, {"name": "tf.compat", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat", "link": "https://youtu.be/xu4f1QKTeUY"}, {"name": "tf.compat.as_bytes", "link": "https://youtu.be/Bzjytn6KXK0", "type": "Api"},
{"name": "tf.compat.as_bytes", "link": "https://youtu.be/Bzjytn6KXK0"}, {"name": "tf.compat.as_str", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.as_str", "link": "https://youtu.be/X-WZewDicig"}, {"name": "tf.compat.as_str_any", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.as_str_any", "link": "https://youtu.be/X-WZewDicig"}, {"name": "tf.compat.as_text", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.as_text", "link": "https://youtu.be/X-WZewDicig"}, {"name": "tf.compat.dimension_at_index", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.dimension_at_index", "link": "https://youtu.be/X-WZewDicig"}, {"name": "tf.compat.dimension_value", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.dimension_value", "link": "https://youtu.be/X-WZewDicig"}, {"name": "tf.compat.forward_compatibility_horizon", "link": "null", "type": "Api"},
{"name": "tf.compat.forward_compatibility_horizon", "link": "null"}, {"name": "tf.compat.forward_compatible", "link": "null", "type": "Api"},
{"name": "tf.compat.forward_compatible", "link": "null"}, {"name": "tf.compat.path_to_str", "link": "null", "type": "Api"},
{"name": "tf.compat.path_to_str", "link": "null"}, {"name": "tf.compat.v1", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat.v1", "link": "https://youtu.be/xu4f1QKTeUY"}, {"name": "tf.compat.v1.abs", "link": "https://youtu.be/HxtBIwfy0kM", "type": "Api"},
{"name": "tf.compat.v1.abs", "link": "https://youtu.be/HxtBIwfy0kM"}, {"name": "tf.compat.v1.accumulate_n", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.accumulate_n", "link": "null"}, {"name": "tf.compat.v1.acos", "link": "https://youtu.be/a1Uhea22Hww", "type": "Api"},
{"name": "tf.compat.v1.acos", "link": "https://youtu.be/a1Uhea22Hww"}, {"name": "tf.compat.v1.acosh", "link": "https://youtu.be/l6SuXvhorDY", "type": "Api"},
{"name": "tf.compat.v1.acosh", "link": "https://youtu.be/l6SuXvhorDY"}, {"name": "tf.compat.v1.add", "link": "https://youtu.be/s4Lcf9du9L8", "type": "Api"},
{"name": "tf.compat.v1.add", "link": "https://youtu.be/s4Lcf9du9L8"}, {"name": "tf.compat.v1.add_check_numerics_ops", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.add_check_numerics_ops", "link": "null"}, {"name": "tf.compat.v1.add_n", "link": "https://youtu.be/TwzhBdv9nf0", "type": "Api"},
{"name": "tf.compat.v1.add_n", "link": "https://youtu.be/TwzhBdv9nf0"}, {"name": "tf.compat.v1.add_to_collection", "link": "https://youtu.be/kgM4m5VEba0", "type": "Api"},
{"name": "tf.compat.v1.add_to_collection", "link": "https://youtu.be/kgM4m5VEba0"}, {"name": "tf.compat.v1.add_to_collections", "link": "https://youtu.be/kgM4m5VEba0", "type": "Api"},
{"name": "tf.compat.v1.add_to_collections", "link": "https://youtu.be/kgM4m5VEba0"}, {"name": "tf.compat.v1.AggregationMethod", "link": "https://youtu.be/TwzhBdv9nf0", "type": "Api"},
{"name": "tf.compat.v1.AggregationMethod", "link": "https://youtu.be/TwzhBdv9nf0"}, {"name": "tf.compat.v1.all_variables", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.all_variables", "link": "null"}, {"name": "tf.compat.v1.angle", "link": "https://youtu.be/tPYj3fFJGjk", "type": "Api"},
{"name": "tf.compat.v1.angle", "link": "https://youtu.be/tPYj3fFJGjk"}, {"name": "tf.compat.v1.app", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat.v1.app", "link": "https://youtu.be/xu4f1QKTeUY"}, {"name": "tf.compat.v1.app.flags", "link": "https://youtu.be/hHWkvEcDBO0", "type": "Api"},
{"name": "tf.compat.v1.app.flags", "link": "https://youtu.be/hHWkvEcDBO0"}, {"name": "tf.compat.v1.app.flags.adopt_module_key_flags", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.adopt_module_key_flags", "link": "null"}, {"name": "tf.compat.v1.app.flags.ArgumentParser", "link": "https://youtu.be/gObihu5XaTg", "type": "Api"},
{"name": "tf.compat.v1.app.flags.ArgumentParser", "link": "https://youtu.be/gObihu5XaTg"}, {"name": "tf.compat.v1.app.flags.ArgumentSerializer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.ArgumentSerializer", "link": "null"}, {"name": "tf.compat.v1.app.flags.BaseListParser", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BaseListParser", "link": "null"}, {"name": "tf.compat.v1.app.flags.BooleanFlag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BooleanFlag", "link": "null"}, {"name": "tf.compat.v1.app.flags.BooleanParser", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BooleanParser", "link": "null"}, {"name": "tf.compat.v1.app.flags.CantOpenFlagFileError", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.CantOpenFlagFileError", "link": "null"}, {"name": "tf.compat.v1.app.flags.CsvListSerializer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.CsvListSerializer", "link": "null"}, {"name": "tf.compat.v1.app.flags.declare_key_flag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.declare_key_flag", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE", "link": "https://youtu.be/tPYj3fFJGjk", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE", "link": "https://youtu.be/tPYj3fFJGjk"}, {"name": "tf.compat.v1.app.flags.DEFINE_alias", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_alias", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_bool", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_bool", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_boolean", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_boolean", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_enum", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_enum_class", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum_class", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_flag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_flag", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_float", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_float", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_integer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_integer", "link": "null"}, {"name": "tf.compat.v1.app.flags.DEFINE_list", "link": "null", "type": "Api"}]
{"name": "tf.compat.v1.app.flags.DEFINE_list", "link": "null"}]
+29 -4
View File
@@ -1,8 +1,18 @@
<template> <template>
<div id="PrimarySymbol"> <div id="PrimarySymbol">
<div class="category" v-for="ty of types" :key="ty"> <input type="checkbox" v-model="checkedFilter" @change="filterItems" value="video" /> Video
<div v-if="filteredData" class="category" v-for="ty of types" :key="ty">
<h2>{{ty}}</h2> <h2>{{ty}}</h2>
<div class="api" v-for="api of apis(ty)" :key="api.name"> <div class="api" v-for="api of apis(ty)" :key="api.name">
<div class="header clickable">
<span class="name">{{api.name}}</span>
<span class="desc" v-html="api.link"></span>
</div>
</div>
</div>
<div v-else class="category" v-for="type of types" :key="type">
<h2>{{type}}</h2>
<div class="api" v-for="api of apis(type)" :key="api.name">
<div class="header clickable"> <div class="header clickable">
<span class="name">{{api.name}}</span> <span class="name">{{api.name}}</span>
<span class="desc" v-html="api.desc"></span> <span class="desc" v-html="api.desc"></span>
@@ -17,6 +27,7 @@
<script lang="ts"> <script lang="ts">
import {Options, Vue} from 'vue-class-component'; import {Options, Vue} from 'vue-class-component';
import meta_filtered from '../meta_yt_links.json';
import meta from '../meta_primary_symbol.json'; import meta from '../meta_primary_symbol.json';
import { marked } from 'marked'; import { marked } from 'marked';
import {$} from '../main'; import {$} from '../main';
@@ -36,9 +47,16 @@ function onlyUnique(value, index, self) {
@Options({components: {}}) @Options({components: {}})
export default class PrimarySymbol extends Vue export default class PrimarySymbol extends Vue
{ {
checkedFilter = false
filteredData = false
get types(): string[] get types(): string[]
{ {
return meta.map(it => it.type).filter(onlyUnique) if(this.checkedFilter)
return meta_filtered.map(it => it.type).filter(onlyUnique)
else
return meta.map(it => it.type).filter(onlyUnique)
} }
mounted() mounted()
@@ -54,9 +72,16 @@ export default class PrimarySymbol extends Vue
return marked(markdown) return marked(markdown)
} }
apis(ty: string): APIEntry[] apis(ty: string)
{ {
return meta.filter(it => it.type == ty) if(this.checkedFilter)
return meta_filtered.filter(it => it.type == ty)
else
return meta.filter(it => it.type == ty)
}
filterItems() {
this.filteredData = this.checkedFilter
} }
} }
</script> </script>