Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Update for chrome extension 2.2.12.4#188

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged
minjk-bl merged 13 commits intovisualpython:devops-chromefromminjk-bl:devops-chrome
Sep 27, 2022
Merged
Show file tree
Hide file tree
Changes fromall commits
Commits
Show all changes
13 commits
Select commitHold shift + click to select a range
9fea57b
CHROME: removed .css extension type
Aug 10, 2022
abb7029
CHROME: add lib files(codemirror, jquery, require)
Aug 10, 2022
0897314
CHROME: change Jupyter api to colab api
Aug 10, 2022
feba20d
CHROME: fixed image paths of html and js file
Aug 10, 2022
c154b51
CHROME: added parentSelector for popup and file navigation
Aug 10, 2022
a598153
CHROME: added codemirror ipython mode and some missing codes
Aug 10, 2022
9dd0291
CHROME: fixed image path
Aug 10, 2022
2a92ede
CHROME: Fixed style
Aug 10, 2022
e9181b4
CHROME: Fixed image path on FileNavigation
Aug 10, 2022
2b6c4ec
CHROME: Fixed sample data path on File app by using github raw url
Aug 10, 2022
0c91b7c
CHROME: Fixed api to insert cells
Aug 10, 2022
36348e8
CHROME: Added marked and mathjaxutils for Markdown
Aug 10, 2022
fab72b0
Update for colab 2.2.12.4
Sep 27, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 19 additions & 3 deletionsREADME.md
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@
[![Issues: ](https://img.shields.io/github/issues/visualpython/visualpython?color=%23FF6347)](https://github.com/visualpython/visualpython/issues)

## Introduction
Visual Python is a GUI-based Python code generator, developed on the Jupyter Notebook as an extension. <br>
Visual Python is a GUI-based Python code generator, developed on the**Jupyter Notebook** and **Google Colab** as an extension. <br>
Visual Python is an open source project started for students who struggle with coding during Python classes for data science.

<br>
Expand All@@ -21,7 +21,7 @@ Try Visual Python if you would like to: <br>
<br>
<img src="https://github.com/visualpython/visualpython/blob/main/img/Visual%20Python_2.2.8.gif?raw=true" width="95%">

## Getting Started
## Getting Started with Jupyter Notebook

### 1. Requirements

Expand DownExpand Up@@ -57,6 +57,22 @@ upgrade - version upgrade
version - version check
```

## Getting Started with Google Colab
### 1. Requirements

Visual Python is an extension to Google Colab, so you must have Google Colab opened.<br>
- Google Colab

### 2. How to Install

**1) Install package using Chrome Web Store**
- [Link to Visual Python for Colab](https://chrome.google.com/webstore/detail/visual-python-for-colab/ccmkpknjfagaldcgidgcipbpdipfopob)

**2) Open Google Colab**
- [Link to Google Colab](https://colab.research.google.com/)

**3) Activate Visual Python on Google Colab**

## Contributing
If you are interested in contributing to the Visual Python, please see [`CONTRIBUTING.md`](CONTRIBUTING.md). <br>
All skills from programmers, non-programmers, designers are welcomed.
Expand All@@ -78,4 +94,4 @@ To create an environment where everyone can learn and use big data analytical sk
Love Visual Python? <br>
Your support will help us continue to actively develop and improve Visual Python.☕

<a href="https://www.buymeacoffee.com/visualpython" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
<a href="https://www.buymeacoffee.com/visualpython" target="_blank"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a coffee&emoji=&slug=visualpython&button_colour=ffa238&font_colour=000000&font_family=Comic&outline_colour=000000&coffee_colour=FFDD00"></a>
6 changes: 1 addition & 5 deletionscss/boardFrame.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -92,16 +92,12 @@
.vp-board-loading {
display: none;
position: absolute;
top:100px;
top:150px;
z-index: 10;
width: 50px;
height: 50px;
margin: calc(50% - 20px);
}
.vp-board-loading i {
font-size: 50px;
color: var(--highlight-color);
}

/* board menu */
.vp-board-header-button-inner {
Expand Down
9 changes: 7 additions & 2 deletionscss/component/alertModal.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -4,7 +4,7 @@
left: 0;
width: 100%;
height: 100%;
z-index:400;
z-index:1400;
background-color: rgba(0,0,0,.4);
}
.vp-alertModal-container {
Expand All@@ -14,7 +14,7 @@
transform:translate(-50%, -50%);
width: 400px;
height: 150px;
padding:2rem;
padding:15px;
background-color: white;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
Expand DownExpand Up@@ -48,6 +48,11 @@
.vp-alertModal-icon {
font-size: 26px;
color: #AE5700;
background-image: url(../../img/triangle-exclamation-solid.svg);
background-size: 25px;
background-repeat: no-repeat;
width: 25px;
height: 25px;
}
.vp-alertModal-titleStr {
color: #AE5700;
Expand Down
8 changes: 6 additions & 2 deletionscss/component/dataSelector.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -27,9 +27,13 @@
left: 0;
width: 100%;
height: 100%;
z-index:300;
z-index:1305;
background-color: rgba(0,0,0,.4);
}
/* CHROME: prevent default box-sizing */
.vp-dataselector-base * {
box-sizing: border-box;
}
.vp-dataselector {
position: absolute;
top: calc(50% - 275px);
Expand All@@ -38,7 +42,7 @@
height: 550px;
background: white;
border: 1px solid var(--border-gray-color);
z-index:999;
z-index:1300;
/* font */
font-family: AppleSDGothicNeo;
font-size: 14px;
Expand Down
52 changes: 36 additions & 16 deletionscss/component/fileNavigation.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,9 +7,13 @@
left: 0;
width: 100%;
height: 100%;
z-index:300;
z-index:1300;
background-color: rgba(0,0,0,.4);
}
/* CHROME: set default box-sizing for file navigation area */
#vp_fileNavigation * {
box-sizing: border-box !important;
}
.fileNavigationPage-container {
position: relative;
left: 50%;
Expand DownExpand Up@@ -248,15 +252,31 @@
flex-direction: column;
justify-content: center;
}

/* CHROME: alternatives for fontawesome */
#vp_fileNavigation .folder_icon {
background-image: url(../../img/folder-regular.svg);
padding-left: 20px;
background-position: left;
background-repeat: no-repeat;
background-size: 15px;
}
#vp_fileNavigation .file_icon {
background-image: url(../../img/file-regular.svg);
padding-left: 20px;
background-position: left;
background-repeat: no-repeat;
background-size: 12px;
}

@font-face {
font-family: 'octicons';
src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
#vp_fileNavigation[class^="icon-"],
#vp_fileNavigation[class*=" icon-"] {
font-family: 'octicons' !important;
/* speak: none; */
font-style: normal;
Expand All@@ -267,48 +287,48 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-squirrel:before {
#vp_fileNavigation.icon-squirrel:before {
content: "\e900";
}
.icon-repo:before {
#vp_fileNavigation.icon-repo:before {
content: "\e901";
}
.icon-git-branch:before {
#vp_fileNavigation.icon-git-branch:before {
content: "\e902";
}
.icon-folder:before {
#vp_fileNavigation.icon-folder:before {
content: "\e903";
padding-left: 10px;
padding-right: 10px;
}
.icon-file:before {
#vp_fileNavigation.icon-file:before {
content: "\e904";
padding-left: 10px;
padding-right: 10px;
}
.icon-diff:before {
#vp_fileNavigation.icon-diff:before {
content: "\e905";
}
.icon-tree-down {
#vp_fileNavigation.icon-tree-down {
padding: 5px;
}
.icon-tree-down:before {
#vp_fileNavigation.icon-tree-down:before {
content: "\e907";
}
.icon-tree-right {
#vp_fileNavigation.icon-tree-right {
padding: 5px;
}
.icon-tree-down:hover,
.icon-tree-right:hover {
#vp_fileNavigation.icon-tree-down:hover,
#vp_fileNavigation.icon-tree-right:hover {
transition: 0.7s;
cursor: pointer;
background-color: black;
color: white;
}
.icon-tree-right:before {
#vp_fileNavigation.icon-tree-right:before {
content: "\e908";
}
.icon-tree:before {
#vp_fileNavigation.icon-tree:before {
font-family: 'octicons' !important;
position: absolute;
left: 10px;
Expand Down
2 changes: 1 addition & 1 deletioncss/component/infoModal.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -4,7 +4,7 @@
left: 0;
width: 100%;
height: 100%;
z-index:400;
z-index:1400;
background-color: rgba(0,0,0,.4);
}
.vp-infoModal-container {
Expand Down
45 changes: 45 additions & 0 deletionscss/component/loadingSpinner.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
.vp-loading-spinner,
.vp-loading-spinner:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.vp-loading-spinner {
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
font-size: 6px;
text-indent: -9999em;
border-top: 1.1em solid #f6ad55;
border-right: 1.1em solid #f6ad55;
border-bottom: 1.1em solid #f6ad55;
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: vp-load8 1.1s infinite linear;
animation: vp-load8 1.1s infinite linear;
}
@-webkit-keyframes vp-load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes vp-load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
7 changes: 6 additions & 1 deletioncss/component/modal.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -5,7 +5,7 @@
left: 0;
width: 100%;
height: 100%;
z-index:400;
z-index:1400;
background-color: rgba(0,0,0,.4);
}
#vp_multiButtonModal .vp-multi-button-modal-box {
Expand All@@ -21,6 +21,11 @@
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
font-family: AppleSDGothicNeo;
font-size: 15px;
/* CHROME: prevent colab box-sizing */
box-sizing: border-box;
}
#vp_multiButtonModal * {
box-sizing: border-box;
}
#vp_multiButtonModal .vp-multi-button-modal-message {
display: flex;
Expand Down
23 changes: 22 additions & 1 deletioncss/component/popupComponent.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -21,11 +21,19 @@
border:1px solidvar(--border-gray-color);
border-top:3px solidvar(--border-gray-color);
box-shadow:1px1px2pxrgb(000/10%);
z-index:200;
z-index:1200;
font-family: AppleSDGothicNeo;
font-size:14px;
color:var(--font-primary);
}
/* CHROME: set default box-sizing for popup area */
.vp-popup-frame* {
box-sizing: border-box!important;
}
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
-moz-box-sizing: content-box!important;
box-sizing: content-box!important;
}
.vp-popup-frame.vp-close {
width:200px!important;
min-width:200px!important;
Expand DownExpand Up@@ -465,6 +473,9 @@
}
.vp-popup-body-top-bar-item {
margin-bottom:5px;
height:22px;
line-height:22px;
display: inline-flex;
}
.vp-popup-body-top-bar-item:hover {
color:var(--font-highlight);
Expand All@@ -476,6 +487,7 @@
height:22px;/* Height of new image */
padding-left:22px;/* Equal to width of new image */
margin-bottom:5px;
margin-left:4px;
}
.vp-popup-body-top-bar-item[data-type="install"]img {
background: url(../../img/import.svg) no-repeat;
Expand All@@ -500,4 +512,13 @@
}
.vp-popup-body-top-bar-item[data-type="package"]:hoverimg {
background: url(../../img/setting_activated.svg) no-repeat;
}

/* CHROME: missing styles under popup frame */
.vp-popup-framehr {
border:0;
border-top:1px solid#eeeeee;
}
.vp-popup-framelabel {
display: inline-block;
}
2 changes: 1 addition & 1 deletioncss/component/successMessage.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -18,7 +18,7 @@
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index:1000;
z-index:1400;
}
.vp-successMessage-icon {
margin-left: 15px;
Expand Down
1 change: 1 addition & 0 deletionscss/m_apps/instance.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,7 @@
}
.vp-instance-base .vp-ds-button {
vertical-align: top;
width: 50px;
}
.vp-instance-toolbar {
/* display: none; */
Expand Down
3 changes: 3 additions & 0 deletionscss/m_apps/snippets.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -237,6 +237,9 @@
position: relative;
border: 0.25px solid var(--border-gray-color);
}
.vp-sn-item-code .CodeMirror {
min-height: 50px;
}
.vp-sn-save {
width: 20px;
position: absolute;
Expand Down
Loading
[8]ページ先頭
©2009-2025 Movatter.jp