azalea/tf_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: azalea/tf_frontend:dev
Branches Tags
azalea/tf_frontend:dev azalea/tf_frontend:main azalea/tf_frontend:gh-pages
...
pull from: azalea/tf_frontend:main
Branches Tags
azalea/tf_frontend:main azalea/tf_frontend:gh-pages azalea/tf_frontend:dev

8 Commits
dev ... main

Author SHA1 Message Date
Hykilpikonna 219df99cc9 [-] Remove old checkbox code
Vite Deploy on Release / Build and deploy main (push) Has been cancelled
Details
2022-06-21 17:18:32 -04:00
Hykilpikonna f4786d2028 [+] Youtube embed 2022-06-21 17:16:35 -04:00
Hykilpikonna 16d9d4d45f [+] Add VueYoutubeEmbed dependency 2022-06-21 17:04:41 -04:00
Hykilpikonna 6972de67bd [+] Checkbox group 2022-06-21 16:52:20 -04:00
Hykilpikonna 6f15d6e4c4 [F] Fix marked typing warning 2022-06-21 16:40:35 -04:00
Suha Siddiqui 64ee4b6bf8 fixed json file 2022-06-20 17:01:26 -04:00
Suha Siddiqui 722d705855 changes to checkbox 2022-06-20 16:47:41 -04:00
Suha Siddiqui c4fc139d69 functioning checkboxes and doesnt filter yet 2022-06-20 15:43:25 -04:00
6 changed files with 171 additions and 117 deletions
Expand all files Collapse all files
package.json
+2
View File
@@ -11,9 +11,11 @@
"element-plus": "^2.1.9",
"marked": "^4.0.16",
"vue": "^3.2.33",
"vue-lite-youtube-embed": "^1.0.4",
"vue-router": "^4.0.14"
},
"devDependencies": {
"@types/marked": "^4.0.3",
"@types/node": "^17.0.24",
"@vitejs/plugin-vue": "^2.3.1",
"sass": "^1.50.0",
src/App.vue
+8 -10
View File
@@ -1,20 +1,15 @@
<template>
<p>
<!-- use the router-link component for navigation. -->
<!-- specify the link by passing the `to` prop. -->
<!-- `<router-link>` will render an `<a>` tag with the correct `href` attribute -->
<router-link class="rlink" to="/PrimarySymbol">Primary Symbols</router-link>
|
<router-link class="rlink" to="/">tf</router-link>
|
<router-link class="rlink" to="/about">About</router-link>
<div id="application">
<Navbar />
</div>
</p>
<div id="application">
<Navbar />
</div>
<!-- route outlet -->
<!-- component matched by the route will render here -->
<router-view></router-view>
</template>
@@ -25,9 +20,12 @@ export default {
components: {
Navbar
},
data() {
return {
contentType: [],
}
},
};
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
</script>
src/meta_yt_links.json
+99 -99
View File
@@ -1,100 +1,100 @@
[{"name": "name", "link": "link"},
{"name": "tf", "link": "https://youtu.be/jKV53r9-H14"},
{"name": "tf.abs", "link": "https://youtu.be/RPocW_aMZKE"},
{"name": "tf.acos", "link": "https://youtu.be/hzHy57W4Nho"},
{"name": "tf.acosh", "link": "https://youtu.be/hzHy57W4Nho"},
{"name": "tf.add", "link": "https://youtu.be/VFEOskzhhbc"},
{"name": "tf.add_n", "link": "https://youtu.be/OTqtOfP3HhI"},
{"name": "tf.AggregationMethod", "link": "https://youtu.be/XU5rTgfnq6E"},
{"name": "tf.argmax", "link": "https://youtu.be/K3lX3Cltt4c"},
{"name": "tf.argmin", "link": "https://youtu.be/JJ29IMZpLSU"},
{"name": "tf.argsort", "link": "https://youtu.be/-Op5UO22k_k"},
{"name": "tf.as_dtype", "link": "https://youtu.be/lP4Qk0y0HGk"},
{"name": "tf.as_string", "link": "https://youtu.be/ZmlqsOidnWw"},
{"name": "tf.asin", "link": "https://youtu.be/wkHkSd6BtJo"},
{"name": "tf.asinh", "link": "https://youtu.be/kWI1fvC60bY"},
{"name": "tf.Assert", "link": "https://youtu.be/RPocW_aMZKE"},
{"name": "tf.assert_equal", "link": "https://youtu.be/qJJPrvUcvTI"},
{"name": "tf.assert_greater", "link": "https://youtu.be/-3q_-FhNtOw"},
{"name": "tf.assert_less", "link": "https://youtu.be/-3q_-FhNtOw"},
{"name": "tf.assert_rank", "link": "null"},
{"name": "tf.atan", "link": "https://youtu.be/sxbpsRkLYVc"},
{"name": "tf.atan2", "link": "https://youtu.be/tfM5QUNYtEA"},
{"name": "tf.atanh", "link": "https://youtu.be/VmZI_YkfPBM"},
{"name": "tf.audio", "link": "https://youtu.be/ZLIPkmmDJAc"},
{"name": "tf.audio.decode_wav", "link": "https://youtu.be/ZLIPkmmDJAc"},
{"name": "tf.audio.encode_wav", "link": "null"},
{"name": "tf.autodiff", "link": "https://youtu.be/boIOgsu-Q8E"},
{"name": "tf.autodiff.ForwardAccumulator", "link": "https://youtu.be/boIOgsu-Q8E"},
{"name": "tf.autodiff.GradientTape", "link": "https://youtu.be/tDG52BjkGUY"},
{"name": "tf.autograph", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.autograph.experimental", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.autograph.experimental.do_not_convert", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.autograph.experimental.Feature", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.autograph.experimental.set_loop_options", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.autograph.set_verbosity", "link": "https://youtu.be/NIEgzljyDyI"},
{"name": "tf.autograph.to_code", "link": "https://youtu.be/wYJtc3xG8as"},
{"name": "tf.autograph.to_graph", "link": "https://youtu.be/WTNH0tcscqo"},
{"name": "tf.autograph.trace", "link": "https://youtu.be/Up9CvRLIIIw"},
{"name": "tf.batch_to_space", "link": "https://youtu.be/RoHhsCV4lfE"},
{"name": "tf.bitcast", "link": "https://youtu.be/CrpAiAHjfCo"},
{"name": "tf.bitwise", "link": "https://youtu.be/zQS6h-XneMs"},
{"name": "tf.bitwise.bitwise_and", "link": "https://youtu.be/P4lfmClTSsc"},
{"name": "tf.bitwise.bitwise_or", "link": "https://youtu.be/lP4Qk0y0HGk"},
{"name": "tf.bitwise.bitwise_xor", "link": "https://youtu.be/0XjMtocYtwY"},
{"name": "tf.bitwise.invert", "link": "https://youtu.be/cJ3oqHqRBF0"},
{"name": "tf.bitwise.left_shift", "link": "https://youtu.be/bPW_mZI2nUk"},
{"name": "tf.bitwise.right_shift", "link": "https://youtu.be/bPW_mZI2nUk"},
{"name": "tf.boolean_mask", "link": "https://youtu.be/RoHhsCV4lfE"},
{"name": "tf.broadcast_dynamic_shape", "link": "https://youtu.be/RoHhsCV4lfE"},
{"name": "tf.broadcast_static_shape", "link": "null"},
{"name": "tf.broadcast_to", "link": "https://youtu.be/tfM5QUNYtEA"},
{"name": "tf.case", "link": "https://youtu.be/jKV53r9-H14"},
{"name": "tf.cast", "link": "https://youtu.be/2JtCNIyGNPU"},
{"name": "tf.clip_by_global_norm", "link": "https://youtu.be/yV0-GyrnxBs"},
{"name": "tf.clip_by_norm", "link": "https://youtu.be/2JtCNIyGNPU"},
{"name": "tf.clip_by_value", "link": "https://youtu.be/k7KfYXXrOj0"},
{"name": "tf.compat", "link": "https://youtu.be/xu4f1QKTeUY"},
{"name": "tf.compat.as_bytes", "link": "https://youtu.be/Bzjytn6KXK0"},
{"name": "tf.compat.as_str", "link": "https://youtu.be/X-WZewDicig"},
{"name": "tf.compat.as_str_any", "link": "https://youtu.be/X-WZewDicig"},
{"name": "tf.compat.as_text", "link": "https://youtu.be/X-WZewDicig"},
{"name": "tf.compat.dimension_at_index", "link": "https://youtu.be/X-WZewDicig"},
{"name": "tf.compat.dimension_value", "link": "https://youtu.be/X-WZewDicig"},
{"name": "tf.compat.forward_compatibility_horizon", "link": "null"},
{"name": "tf.compat.forward_compatible", "link": "null"},
{"name": "tf.compat.path_to_str", "link": "null"},
{"name": "tf.compat.v1", "link": "https://youtu.be/xu4f1QKTeUY"},
{"name": "tf.compat.v1.abs", "link": "https://youtu.be/HxtBIwfy0kM"},
{"name": "tf.compat.v1.accumulate_n", "link": "null"},
{"name": "tf.compat.v1.acos", "link": "https://youtu.be/a1Uhea22Hww"},
{"name": "tf.compat.v1.acosh", "link": "https://youtu.be/l6SuXvhorDY"},
{"name": "tf.compat.v1.add", "link": "https://youtu.be/s4Lcf9du9L8"},
{"name": "tf.compat.v1.add_check_numerics_ops", "link": "null"},
{"name": "tf.compat.v1.add_n", "link": "https://youtu.be/TwzhBdv9nf0"},
{"name": "tf.compat.v1.add_to_collection", "link": "https://youtu.be/kgM4m5VEba0"},
{"name": "tf.compat.v1.add_to_collections", "link": "https://youtu.be/kgM4m5VEba0"},
{"name": "tf.compat.v1.AggregationMethod", "link": "https://youtu.be/TwzhBdv9nf0"},
{"name": "tf.compat.v1.all_variables", "link": "null"},
{"name": "tf.compat.v1.angle", "link": "https://youtu.be/tPYj3fFJGjk"},
{"name": "tf.compat.v1.app", "link": "https://youtu.be/xu4f1QKTeUY"},
{"name": "tf.compat.v1.app.flags", "link": "https://youtu.be/hHWkvEcDBO0"},
{"name": "tf.compat.v1.app.flags.adopt_module_key_flags", "link": "null"},
{"name": "tf.compat.v1.app.flags.ArgumentParser", "link": "https://youtu.be/gObihu5XaTg"},
{"name": "tf.compat.v1.app.flags.ArgumentSerializer", "link": "null"},
{"name": "tf.compat.v1.app.flags.BaseListParser", "link": "null"},
{"name": "tf.compat.v1.app.flags.BooleanFlag", "link": "null"},
{"name": "tf.compat.v1.app.flags.BooleanParser", "link": "null"},
{"name": "tf.compat.v1.app.flags.CantOpenFlagFileError", "link": "null"},
{"name": "tf.compat.v1.app.flags.CsvListSerializer", "link": "null"},
{"name": "tf.compat.v1.app.flags.declare_key_flag", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE", "link": "https://youtu.be/tPYj3fFJGjk"},
{"name": "tf.compat.v1.app.flags.DEFINE_alias", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_bool", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_boolean", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum_class", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_flag", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_float", "link": "null"},
{"name": "tf.compat.v1.app.flags.DEFINE_integer", "link": "null"},
[{"name": "name", "link": "link", "type": "Api"},
{"name": "tf", "link": "https://youtu.be/jKV53r9-H14", "type": "Api"},
{"name": "tf.abs", "link": "https://youtu.be/RPocW_aMZKE", "type": "Api"},
{"name": "tf.acos", "link": "https://youtu.be/hzHy57W4Nho", "type": "Api"},
{"name": "tf.acosh", "link": "https://youtu.be/hzHy57W4Nho", "type": "Api"},
{"name": "tf.add", "link": "https://youtu.be/VFEOskzhhbc", "type": "Api"},
{"name": "tf.add_n", "link": "https://youtu.be/OTqtOfP3HhI", "type": "Api"},
{"name": "tf.AggregationMethod", "link": "https://youtu.be/XU5rTgfnq6E", "type": "Api"},
{"name": "tf.argmax", "link": "https://youtu.be/K3lX3Cltt4c", "type": "Api"},
{"name": "tf.argmin", "link": "https://youtu.be/JJ29IMZpLSU", "type": "Api"},
{"name": "tf.argsort", "link": "https://youtu.be/-Op5UO22k_k", "type": "Api"},
{"name": "tf.as_dtype", "link": "https://youtu.be/lP4Qk0y0HGk", "type": "Api"},
{"name": "tf.as_string", "link": "https://youtu.be/ZmlqsOidnWw", "type": "Api"},
{"name": "tf.asin", "link": "https://youtu.be/wkHkSd6BtJo", "type": "Api"},
{"name": "tf.asinh", "link": "https://youtu.be/kWI1fvC60bY", "type": "Api"},
{"name": "tf.Assert", "link": "https://youtu.be/RPocW_aMZKE", "type": "Api"},
{"name": "tf.assert_equal", "link": "https://youtu.be/qJJPrvUcvTI", "type": "Api"},
{"name": "tf.assert_greater", "link": "https://youtu.be/-3q_-FhNtOw", "type": "Api"},
{"name": "tf.assert_less", "link": "https://youtu.be/-3q_-FhNtOw", "type": "Api"},
{"name": "tf.assert_rank", "link": "null", "type": "Api"},
{"name": "tf.atan", "link": "https://youtu.be/sxbpsRkLYVc", "type": "Api"},
{"name": "tf.atan2", "link": "https://youtu.be/tfM5QUNYtEA", "type": "Api"},
{"name": "tf.atanh", "link": "https://youtu.be/VmZI_YkfPBM", "type": "Api"},
{"name": "tf.audio", "link": "https://youtu.be/ZLIPkmmDJAc", "type": "Api"},
{"name": "tf.audio.decode_wav", "link": "https://youtu.be/ZLIPkmmDJAc", "type": "Api"},
{"name": "tf.audio.encode_wav", "link": "null", "type": "Api"},
{"name": "tf.autodiff", "link": "https://youtu.be/boIOgsu-Q8E", "type": "Api"},
{"name": "tf.autodiff.ForwardAccumulator", "link": "https://youtu.be/boIOgsu-Q8E", "type": "Api"},
{"name": "tf.autodiff.GradientTape", "link": "https://youtu.be/tDG52BjkGUY", "type": "Api"},
{"name": "tf.autograph", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.do_not_convert", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.Feature", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.experimental.set_loop_options", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.autograph.set_verbosity", "link": "https://youtu.be/NIEgzljyDyI", "type": "Api"},
{"name": "tf.autograph.to_code", "link": "https://youtu.be/wYJtc3xG8as", "type": "Api"},
{"name": "tf.autograph.to_graph", "link": "https://youtu.be/WTNH0tcscqo", "type": "Api"},
{"name": "tf.autograph.trace", "link": "https://youtu.be/Up9CvRLIIIw", "type": "Api"},
{"name": "tf.batch_to_space", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.bitcast", "link": "https://youtu.be/CrpAiAHjfCo", "type": "Api"},
{"name": "tf.bitwise", "link": "https://youtu.be/zQS6h-XneMs", "type": "Api"},
{"name": "tf.bitwise.bitwise_and", "link": "https://youtu.be/P4lfmClTSsc", "type": "Api"},
{"name": "tf.bitwise.bitwise_or", "link": "https://youtu.be/lP4Qk0y0HGk", "type": "Api"},
{"name": "tf.bitwise.bitwise_xor", "link": "https://youtu.be/0XjMtocYtwY", "type": "Api"},
{"name": "tf.bitwise.invert", "link": "https://youtu.be/cJ3oqHqRBF0", "type": "Api"},
{"name": "tf.bitwise.left_shift", "link": "https://youtu.be/bPW_mZI2nUk", "type": "Api"},
{"name": "tf.bitwise.right_shift", "link": "https://youtu.be/bPW_mZI2nUk", "type": "Api"},
{"name": "tf.boolean_mask", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.broadcast_dynamic_shape", "link": "https://youtu.be/RoHhsCV4lfE", "type": "Api"},
{"name": "tf.broadcast_static_shape", "link": "null", "type": "Api"},
{"name": "tf.broadcast_to", "link": "https://youtu.be/tfM5QUNYtEA", "type": "Api"},
{"name": "tf.case", "link": "https://youtu.be/jKV53r9-H14", "type": "Api"},
{"name": "tf.cast", "link": "https://youtu.be/2JtCNIyGNPU", "type": "Api"},
{"name": "tf.clip_by_global_norm", "link": "https://youtu.be/yV0-GyrnxBs", "type": "Api"},
{"name": "tf.clip_by_norm", "link": "https://youtu.be/2JtCNIyGNPU", "type": "Api"},
{"name": "tf.clip_by_value", "link": "https://youtu.be/k7KfYXXrOj0", "type": "Api"},
{"name": "tf.compat", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat.as_bytes", "link": "https://youtu.be/Bzjytn6KXK0", "type": "Api"},
{"name": "tf.compat.as_str", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.as_str_any", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.as_text", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.dimension_at_index", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.dimension_value", "link": "https://youtu.be/X-WZewDicig", "type": "Api"},
{"name": "tf.compat.forward_compatibility_horizon", "link": "null", "type": "Api"},
{"name": "tf.compat.forward_compatible", "link": "null", "type": "Api"},
{"name": "tf.compat.path_to_str", "link": "null", "type": "Api"},
{"name": "tf.compat.v1", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat.v1.abs", "link": "https://youtu.be/HxtBIwfy0kM", "type": "Api"},
{"name": "tf.compat.v1.accumulate_n", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.acos", "link": "https://youtu.be/a1Uhea22Hww", "type": "Api"},
{"name": "tf.compat.v1.acosh", "link": "https://youtu.be/l6SuXvhorDY", "type": "Api"},
{"name": "tf.compat.v1.add", "link": "https://youtu.be/s4Lcf9du9L8", "type": "Api"},
{"name": "tf.compat.v1.add_check_numerics_ops", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.add_n", "link": "https://youtu.be/TwzhBdv9nf0", "type": "Api"},
{"name": "tf.compat.v1.add_to_collection", "link": "https://youtu.be/kgM4m5VEba0", "type": "Api"},
{"name": "tf.compat.v1.add_to_collections", "link": "https://youtu.be/kgM4m5VEba0", "type": "Api"},
{"name": "tf.compat.v1.AggregationMethod", "link": "https://youtu.be/TwzhBdv9nf0", "type": "Api"},
{"name": "tf.compat.v1.all_variables", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.angle", "link": "https://youtu.be/tPYj3fFJGjk", "type": "Api"},
{"name": "tf.compat.v1.app", "link": "https://youtu.be/xu4f1QKTeUY", "type": "Api"},
{"name": "tf.compat.v1.app.flags", "link": "https://youtu.be/hHWkvEcDBO0", "type": "Api"},
{"name": "tf.compat.v1.app.flags.adopt_module_key_flags", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.ArgumentParser", "link": "https://youtu.be/gObihu5XaTg", "type": "Api"},
{"name": "tf.compat.v1.app.flags.ArgumentSerializer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BaseListParser", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BooleanFlag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.BooleanParser", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.CantOpenFlagFileError", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.CsvListSerializer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.declare_key_flag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE", "link": "https://youtu.be/tPYj3fFJGjk", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_alias", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_bool", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_boolean", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_enum_class", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_flag", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_float", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_integer", "link": "null", "type": "Api"},
{"name": "tf.compat.v1.app.flags.DEFINE_list", "link": "null"}]
src/views/Home.vue
+43 -6
View File
@@ -1,5 +1,12 @@
<template>
<div id="Home">
<el-checkbox-group v-model="options">
<el-checkbox label="Text" />
<el-checkbox label="Video" />
<el-checkbox label="Examples" />
<el-checkbox label="Q&A" />
</el-checkbox-group>
<div class="category" v-for="ty of types" :key="ty">
<h2>{{ty}}</h2>
<div class="api" v-for="api of apis(ty)" :key="api.name">
@@ -9,6 +16,10 @@
</div>
<div class="content">
<div class="md-docstring" v-html="encodeHtml(api.docs)"></div>
<div class="yt-embed clickable" v-if="options.includes('Video') && getVideoId(api.name)">
<LiteYouTubeEmbed title="" :id="getVideoId(api.name)"/>
</div>
</div>
</div>
</div>
@@ -18,8 +29,10 @@
<script lang="ts">
import {Options, Vue} from 'vue-class-component';
import meta from '../meta.json';
import metaYT from '../meta_yt_links.json'
import { marked } from 'marked';
import {$} from '../main';
import {$} from '@/main';
import LiteYouTubeEmbed from 'vue-lite-youtube-embed'
interface APIEntry
{
@@ -34,9 +47,26 @@ function onlyUnique(value, index, self) {
return self.indexOf(value) === index;
}
@Options({components: {}})
// Create name to object index for youtube videos
const ytNameIndex = Object.assign({}, ...metaYT.map((x) => ({[x.name]: x})));
@Options({components: {LiteYouTubeEmbed}})
export default class Home extends Vue
{
options = ['Text']
getVideoId(api: string)
{
// Normalize api names
if (!api.startsWith('tf.')) api = 'tf.' + api
// Search for api name in yt links json using the index
let find = ytNameIndex[api]
// If a matching name is found, then return the ID extracted from the link
if (find) return find.link.split('/').pop()
}
get types(): string[]
{
return meta.map(it => it.type).filter(onlyUnique)
@@ -85,15 +115,22 @@ export default class Home extends Vue
.ui-state-active.header
border-radius: 10px 10px 0 0!important
.content
background: #f3f3f3
padding: 10px
border-radius: 0 0 10px 10px
</style>
<style lang="sass">
.md-docstring
text-align: left
background: #f3f3f3
padding: 10px
border-radius: 0 0 10px 10px
h1, h2
font-size: 1em !important
</style>
.yt-lite
height: 320px
background-repeat: no-repeat
background-size: contain
background-position: center
</style>
src/views/PrimarySymbol.vue
+2 -2
View File
@@ -19,7 +19,7 @@
import {Options, Vue} from 'vue-class-component';
import meta from '../meta_primary_symbol.json';
import { marked } from 'marked';
import {$} from '../main';
import {$} from '@/main';
interface APIEntry
{
@@ -95,4 +95,4 @@ export default class PrimarySymbol extends Vue
h1, h2
font-size: 1em !important
</style>
</style>
yarn.lock
+17
View File
@@ -46,6 +46,11 @@
resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.181.tgz#d1d3740c379fda17ab175165ba04e2d03389385d"
integrity sha512-n3tyKthHJbkiWhDZs3DkhkCzt2MexYHXlX0td5iMplyfwketaOeKboEVBqzceH7juqvEg3q5oUoBFxSLu7zFag==
"@types/marked@^4.0.3":
version "4.0.3"
resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.3.tgz#2098f4a77adaba9ce881c9e0b6baf29116e5acc4"
integrity sha512-HnMWQkLJEf/PnxZIfbm0yGJRRZYYMhb++O9M36UCTA9z53uPvVoSlAwJr3XOpDEryb7Hwl1qAx/MV6YIW1RXxg==
"@types/node@^17.0.24":
version "17.0.41"
resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.41.tgz#1607b2fd3da014ae5d4d1b31bc792a39348dfb9b"
@@ -716,6 +721,18 @@ vue-demi@*:
resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.12.5.tgz#8eeed566a7d86eb090209a11723f887d28aeb2d1"
integrity sha512-BREuTgTYlUr0zw0EZn3hnhC3I6gPWv+Kwh4MCih6QcAeaTlaIX0DwOVN0wHej7hSvDPecz4jygy/idsgKfW58Q==
vue-demi@latest:
version "0.13.1"
resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.1.tgz#7604904c88be338418a10abbc94d5b8caa14cb8c"
integrity sha512-xmkJ56koG3ptpLnpgmIzk9/4nFf4CqduSJbUM0OdPoU87NwRuZ6x49OLhjSa/fC15fV+5CbEnrxU4oyE022svg==
vue-lite-youtube-embed@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/vue-lite-youtube-embed/-/vue-lite-youtube-embed-1.0.4.tgz#e05f6709f3722001e0310e934c5097c00e8a1c8b"
integrity sha512-2JZMa8ysGN1TNQwn9KWqSz8aXgZRnwEBlrrKc8Y6hLiIdr3U0D0ltST4sAYLA5L+eUM4Dfsvxp95egKMSYsEXQ==
dependencies:
vue-demi latest
vue-property-decorator@^10.0.0-rc.3:
version "10.0.0-rc.3"
resolved "https://registry.yarnpkg.com/vue-property-decorator/-/vue-property-decorator-10.0.0-rc.3.tgz#bb0cb2c7c31dc41149eb432f2104fb82dc3d95be"