Skip to content

Commit

Permalink
updates no_render
Browse files Browse the repository at this point in the history
  • Loading branch information
lz100 committed May 9, 2021
1 parent 701fe02 commit a0cc3b2
Show file tree
Hide file tree
Showing 79 changed files with 374 additions and 241 deletions.
2 changes: 1 addition & 1 deletion blogdown/md5sum.txt
Expand Up @@ -60,7 +60,7 @@
"content/en/sps/dev/spscomps/server.Rmarkdown" "bbac38b3912e031093f84803cc96a3c3"
"content/en/sps/dev/spscomps/server.Rmd" "bbac38b3912e031093f84803cc96a3c3"
"content/en/sps/dev/spscomps/ui.Rmarkdown" "b94a428e18b0864e8617baf7ccbc30bc"
"content/en/sps/dev/spscomps/ui.Rmd" "37f4c5a7f46de3dc0d2b343959ff87a2"
"content/en/sps/dev/spscomps/ui.Rmd" "13db680921b7d61c46c37d25480c1127"
"content/en/sps/dev/spsutil.Rmarkdown" "68d2201326131622572726d5fd794fe5"
"content/en/sps/dev/spsutil.Rmd" "68d2201326131622572726d5fd794fe5"
"content/en/sps/newtab.Rmarkdown" "4eda65b3a7c124dfb45e21e221958ea7"
Expand Down
15 changes: 12 additions & 3 deletions content/en/sps/dev/spscomps/_index.md
Expand Up @@ -5,14 +5,23 @@ type: docs
weight: 1
---


## SPS Components package

systemPipeShiny Components (spsComps) package is a collection of custom UI and
server components that are used in SPS main framework. If you see a component
in SPS but want to outside the SPS framework, like in your own Shiny apps,
take a look at these components. Here is a **[online demo](https://lezhang.shinyapps.io/spsComps)**
of these components.
take a look at these components.

## Demos

| Demo | type | source code |
|---|---|---|
|[shiny{blk}](https://lezhang.shinyapps.io/spsComps)|shinyapps.io|[Github{blk}](https://github.com/lz100/spsComps/tree/master/examples/demo)|
|[Rmd](https://systempipe.org/sps/dev/spscomps/ui/)|Rmarkdown rendered|[Raw{blk}](https://raw.githubusercontent.com/systemPipeR/systemPipeR.github.io/main/content/en/sps/dev/spscomps/ui.Rmd)|

<style>
table {font-size: 1.5rem}
</style>

## Installation

Expand Down
2 changes: 1 addition & 1 deletion content/en/sps/dev/spscomps/ui.Rmd
Expand Up @@ -4,7 +4,7 @@ linkTitle: "UI components"
type: docs
weight: 1
---
## UI Components

For most of the UI components, you can view them in the [online Shiny demo{blk}](https://lezhang.shinyapps.io/spsComps).
Most but **not all** UI components work in a Rmarkdown document. Here we demostrate
how you could use some of them in a Rmarkdown doc. The source code of this
Expand Down
44 changes: 22 additions & 22 deletions content/en/sps/dev/spscomps/ui.md
Expand Up @@ -85,7 +85,7 @@ weight: 1
<script src="/rmarkdown-libs/spsComps-css-loader-js/js/sps_cssloader.js"></script>

<link href="/rmarkdown-libs/spsComps-css-loader-css/css/css_loader.css" rel="stylesheet" />
\#\# UI Components

For most of the UI components, you can view them in the [online Shiny demo{blk}](https://lezhang.shinyapps.io/spsComps).
Most but **not all** UI components work in a Rmarkdown document. Here we demostrate
how you could use some of them in a Rmarkdown doc. The source code of this
Expand Down Expand Up @@ -169,46 +169,46 @@ gallery(
)
```

<div id="gallery1872830" class="col sps-gallery" style="">
<div id="gallery2917503" class="col sps-gallery" style="">
<p class="text-center h2" style="color: #0275d8;">Gallery</p>
<div class="row" style=" margin: 10px;"><div id=gallery1872830-1 class="col-sm-4 sps-tab-link" style="right: 1px;">
<div class="row" style=" margin: 10px;"><div id=gallery2917503-1 class="col-sm-4 sps-tab-link" style="right: 1px;">
<img
src="https://github.com/lz100/spsComps/blob/master/img/1.jpg?raw=true" class="img-gallery"
height=300 width=400
style="width: 100%;"
onclick=galEnlarge("#gallery1872830-1")
onclick=galEnlarge("#gallery2917503-1")
>
<a href="https://github.com/lz100/spsComps/blob/master/img/1.jpg?raw=true" ><p class="text-center h4 ">p1</p></a>
</div> <div id=gallery1872830-2 class="col-sm-4 sps-tab-link" style="right: 1px;">
</div> <div id=gallery2917503-2 class="col-sm-4 sps-tab-link" style="right: 1px;">
<img
src="https://github.com/lz100/spsComps/blob/master/img/2.jpg?raw=true" class="img-gallery"
height=300 width=400
style="width: 100%;"
onclick=galEnlarge("#gallery1872830-2")
onclick=galEnlarge("#gallery2917503-2")
>
<a href="https://github.com/lz100/spsComps/blob/master/img/2.jpg?raw=true" ><p class="text-center h4 ">p2</p></a>
</div> <div id=gallery1872830-3 class="col-sm-4 sps-tab-link" style="right: 1px;">
</div> <div id=gallery2917503-3 class="col-sm-4 sps-tab-link" style="right: 1px;">
<img
src="https://github.com/lz100/spsComps/blob/master/img/3.jpg?raw=true" class="img-gallery"
height=300 width=400
style="width: 100%;"
onclick=galEnlarge("#gallery1872830-3")
onclick=galEnlarge("#gallery2917503-3")
>
<a ><p class="text-center h4 gallery-nohover">&nbsp;</p></a>
</div> <div id=gallery1872830-4 class="col-sm-4 sps-tab-link" style="right: 1px;">
</div> <div id=gallery2917503-4 class="col-sm-4 sps-tab-link" style="right: 1px;">
<img
src="https://github.com/lz100/spsComps/blob/master/img/4.jpg?raw=true" class="img-gallery"
height=300 width=400
style="width: 100%;"
onclick=galEnlarge("#gallery1872830-4")
onclick=galEnlarge("#gallery2917503-4")
>
<a href="https://github.com/lz100/spsComps/blob/master/img/4.jpg?raw=true" ><p class="text-center h4 ">p4</p></a>
</div> <div id=gallery1872830-5 class="col-sm-4 sps-tab-link" style="right: 1px;">
</div> <div id=gallery2917503-5 class="col-sm-4 sps-tab-link" style="right: 1px;">
<img
src="https://github.com/lz100/spsComps/blob/master/img/5.jpg?raw=true" class="img-gallery"
height=300 width=400
style="width: 100%;"
onclick=galEnlarge("#gallery1872830-5")
onclick=galEnlarge("#gallery2917503-5")
>
<a href="https://github.com/lz100/spsComps/blob/master/img/5.jpg?raw=true" ><p class="text-center h4 ">p5</p></a>
</div></div>
Expand All @@ -219,7 +219,7 @@ gallery(
<div class="gallery-caption"></div>
</div>
<!--/SHINY.SINGLETON[7fdec3ac87205a269983f4a367a45b9599c89d0b]-->
<script>fixGalHeight("gallery1872830")</script>
<script>fixGalHeight("gallery2917503")</script>
</div>
You can show a gallery of plots you make in the Rmd and when people click it,
Expand Down Expand Up @@ -303,7 +303,7 @@ hrefTab(
)
```

<div id="list-tab6143613" class="col">
<div id="list-tab9709371" class="col">
<p class="h4" style="color: #0275d8; text-align: left;">Different background and text colors</p>
<div><a
href="#"
Expand Down Expand Up @@ -343,7 +343,7 @@ hrefTable(
)
```

<table id="list-table2346973" class="table table-hover table-href table-striped" style="display: table;">
<table id="list-table9981148" class="table table-hover table-href table-striped" style="display: table;">
<caption class="text-center h2" style="color: #0275d8;">Change button color and text color</caption>
<thead>
<tr class="info">
Expand Down Expand Up @@ -395,7 +395,7 @@ hrefTable(
)
```

<table id="list-table7826614" class="table table-hover table-href table-striped" style="display: table;">
<table id="list-table7341719" class="table table-hover table-href table-striped" style="display: table;">
<caption class="text-center h2" style="color: #0275d8;">Change row name colors and width</caption>
<thead>
<tr class="info">
Expand Down Expand Up @@ -754,10 +754,10 @@ There are 12 different default loaders: “circle,” “dual-ring,” “facebo
cssLoader(height = "100px")
```

<div id="spsloader-594362718" class="sps-cssloader" style="height: 100px; width: 100px; display: block; opacity: 1;">
<div id="spsloader-857314629" class="sps-cssloader" style="height: 100px; width: 100px; display: block; opacity: 1;">
<script>
$(function(){
$("#spsloader-594362718").prepend(chooseLoader("spsloader-594362718", "default", "", "#337ab7", "100px", "100px"));
$("#spsloader-857314629").prepend(chooseLoader("spsloader-857314629", "default", "", "#337ab7", "100px", "100px"));
});
</script>
</div>
Expand All @@ -770,10 +770,10 @@ customize it:
cssLoader(type = "grid", height = "150px", color = "orange")
```

<div id="spsloader-917283456" class="sps-cssloader" style="height: 150px; width: 150px; display: block; opacity: 1;">
<div id="spsloader-481753296" class="sps-cssloader" style="height: 150px; width: 150px; display: block; opacity: 1;">
<script>
$(function(){
$("#spsloader-917283456").prepend(chooseLoader("spsloader-917283456", "grid", "", "orange", "150px", "150px"));
$("#spsloader-481753296").prepend(chooseLoader("spsloader-481753296", "grid", "", "orange", "150px", "150px"));
});
</script>
</div>
Expand All @@ -792,10 +792,10 @@ tags$button(
```

<button>
<i id="spsloader-561273984" class="sps-cssloader" style="height: 1.5rem; width: 1.5rem; display: inline-block; opacity: 1;">
<i id="spsloader-369175824" class="sps-cssloader" style="height: 1.5rem; width: 1.5rem; display: inline-block; opacity: 1;">
<script>
$(function(){
$("#spsloader-561273984").prepend(chooseLoader("spsloader-561273984", "default", "", "#3a7bd5", "1.5rem", "1.5rem"));
$("#spsloader-369175824").prepend(chooseLoader("spsloader-369175824", "default", "", "#3a7bd5", "1.5rem", "1.5rem"));
});
</script>
</i>
Expand Down
15 changes: 9 additions & 6 deletions content/en/sps/sps_funcs.md
Expand Up @@ -20,13 +20,16 @@ click links below to go to the function reference manual of each package. Detail
function usage, example code, and example running results are shown inside.


- [systemPipeShiny -- main package](/sps/funcs/sps/reference)
|Package|Description|
|---|---|
|[systemPipeShiny](/sps/funcs/sps/reference)|main package|
|[spsComps](/sps/funcs/spscomps/reference)|SPS components|
|[drawer](/sps/funcs/drawer/reference)|image editing tool|
|[spsUtil](/sps/funcs/spsutil/reference)|utility functions|

- [spsComps -- SPS components](/sps/funcs/spscomps/reference)

- [drawer -- image editing tool](/sps/funcs/drawer/reference)

- [spsUtil -- utility functions ](/sps/funcs/spsutil/reference)
<style>
table {font-size: 1.5rem}
</style>

*****

Expand Down
2 changes: 1 addition & 1 deletion public/404.html
Expand Up @@ -492,7 +492,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="./offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="./offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="./"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/acknowledgement/index.html
Expand Up @@ -511,7 +511,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -543,7 +543,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/contact/index.html
Expand Up @@ -511,7 +511,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -543,7 +543,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/index.html
Expand Up @@ -503,7 +503,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -535,7 +535,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/overview/index.html
Expand Up @@ -511,7 +511,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -543,7 +543,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/publications/index.html
Expand Up @@ -511,7 +511,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -543,7 +543,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/about/team/index.html
Expand Up @@ -526,7 +526,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -558,7 +558,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down
2 changes: 1 addition & 1 deletion public/community/index.html
Expand Up @@ -493,7 +493,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../"
data-offline-search-max-results="10"
>
Expand Down
2 changes: 1 addition & 1 deletion public/index.html
Expand Up @@ -493,7 +493,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="./offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="./offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="./"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/news/index.html
Expand Up @@ -503,7 +503,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -535,7 +535,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../"
data-offline-search-max-results="10"
>
Expand Down
4 changes: 2 additions & 2 deletions public/news/release_3_12/index.html
Expand Up @@ -514,7 +514,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down Expand Up @@ -546,7 +546,7 @@
aria-label="Search this site…"
autocomplete="off"

data-offline-search-index-json-src="../../offline-search-index.e37415c6011b86533435a63f46962da6.json"
data-offline-search-index-json-src="../../offline-search-index.8b789866927612b8a1270b2bdea1abcb.json"
data-offline-search-base-href="../../"
data-offline-search-max-results="10"
>
Expand Down

0 comments on commit a0cc3b2

Please sign in to comment.