-
Notifications
You must be signed in to change notification settings - Fork 27
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 our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Cards manipulation #114
Cards manipulation #114
Conversation
…uired. Some bugfixes applied.
} | ||
} | ||
|
||
exportToJupyter() { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This may need to be changed later in the newFeaturesUI branch to allow for exporting selected cards required for #108
new CardOutput('text/html', '<div id="66f3f87d-6ec3-46a5-81b7-0d78b189a25f" style="height: 525px; width: 100%;" class="plotly-graph-div"></div><script type="text/javascript">require(["plotly"], function(Plotly) { window.PLOTLYENV=window.PLOTLYENV || {};window.PLOTLYENV.BASE_URL="https://plot.ly";Plotly.newPlot("66f3f87d-6ec3-46a5-81b7-0d78b189a25f", [{"x": [1, 2, 3], "y": [3, 1, 6]}], {}, {"showLink": true, "linkText": "Export to plot.ly"})});</script>'), | ||
], {}, 'python3') | ||
]; | ||
cards: Card[] = []; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Maybe at some point we can have s starter card that explains functions, a "Tutorial Card"
@@ -15,7 +15,7 @@ | |||
<button class="react toolbar-icon right"> | |||
<i class="ms-Icon ms-Icon--MiniExpand" aria-label="Open in Browser"></i> | |||
</button> | |||
<button class="react toolbar-icon right" (click)="card.collapsed = !card.collapsed; editingTitle = false"> | |||
<button class="react toolbar-icon right" (click)="card.collapsed = !card.collapsed; editingTitle = false; collapseCard(card.collapsed)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It would be nice to put all these functions inside the collapseCard
function.
<button class="react toolbar-icon right" (click)="collapseCard()">
collapseCard(value: boolean){
card.collapsed = !card.collapsed;
editingTitle = false;
this.onCollapseCard.emit({card.collapsed});
}
Although this would be a lot of changes and would cause a lot more merge conflicts with other branches like newFeatureUI so maybe should be done later in that branch?
@@ -57,4 +62,23 @@ export class CardComponent { | |||
this.onDelete.emit(); | |||
} | |||
|
|||
collapseOutput(value: boolean){ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Read Above comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Some possible changes but maybe should be done in another branch
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
squashing bugs, please hold...
Cards are now synchronised between the backend and frontend.
Custom markdown cards are fully supported and are exportable.
Fixes #2, Fixes #5, Fixes #25, Fixes #95, Fixes #105