From 47b36c6acd021bcb25082cfd9c79940514ea31a8 Mon Sep 17 00:00:00 2001 From: jaebradley Date: Mon, 5 Feb 2018 17:21:21 -0500 Subject: [PATCH] implement portfolio project test upsell modal update styles html updates add waffle flags fix waffle flags --- .../PortfolioExperimentUpsellModal.jsx | 71 ++++++ lms/static/sass/_experiments.scss | 7 +- .../course-home-fragment.html | 9 + .../features/learner_analytics/__init__.py | 4 + .../features/portfolio_project/__init__.py | 13 + package-lock.json | 234 +++++++++--------- .../lms/templates/course_modes/choose.html | 9 + themes/edx.org/lms/templates/dashboard.html | 9 + webpack.common.config.js | 1 + 9 files changed, 239 insertions(+), 118 deletions(-) create mode 100644 common/static/common/js/components/PortfolioExperimentUpsellModal.jsx diff --git a/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx new file mode 100644 index 0000000000..2b47d8fe39 --- /dev/null +++ b/common/static/common/js/components/PortfolioExperimentUpsellModal.jsx @@ -0,0 +1,71 @@ +import React from 'react'; +import PropTypes from 'prop-types'; +import { Modal, Button } from '@edx/paragon/static'; + +import ExperimentalCarousel from './ExperimentalCarousel.jsx'; + +// https://openedx.atlassian.net/browse/LEARNER-3926 + +export class PortfolioExperimentUpsellModal extends React.Component { + constructor(props) { + super(props); + + this.state = { isOpen: true }; + } + + render() { + const slides = [ + (
+

Upgrade to access new content: a guide for building an online portfolio and creating your first project.

+
By following the guide you will:
+ +
), + (
+

Use Your New Coding Skills

+

Want to practice what you've learned? We'll give you the project idea to create your own portfolio. Get creative!

+
), + (
+

Build Your Portfolio

+

Apply your knowledge and show them you can code - this project is the perfect start to your portfolio.

+
), + (
+

Share What You Can Do

+

Get tips on where to store your project and the best way to share it with employers.

+
), + ]; + + const body = ( +
+ + Sample verified certificate +
+ ); + + return ( + {}} + body={body} + buttons={[ + (