Enhance tabs beneath slide area

.travis.yml

@@ -44,3 +44,5 @@ env:
   - secure: ip2jRSidbyxwFeb8tx+azPdjm/ngJK90KDg567l4fNjc0bFu0fJlQtTWFOKN9X3VjIMQI5+u7sZF50IeXvQCyLjj3V9EQK2WEj1gwsS1oOdgNW9mPwxGMlM1sd68Dxmaxxh7UGGUdwOaQEHGtTRWBaJ2ZYYRpeLVz11vKpS4NzVW++7Ve94FPtDsXjdl/yGQYSjdFkrGc8XvY4yG9Sn91SepyhGfryiB7FIrXMTcJwZx33luQSE4kLoxBixciqhnKBcA7AlPvoGOu9pl6SUsnid3vHb2zN/gP35SP+t5g1Vo5NJm3oAKyRPrXWmh06N2+bOOD9Bli7KI36KnsuoVjtvChaBwEyzc4CnMyMxtc1f8zhd+GJkowPYBOdMl1EH95vlJuzx1BSLnd3ONSRZU74Y0daQwoAKn6fQSncRi7Mt8dmXnun3MUVls2vd7w2NIMJVYsm+E86Bj1FfCbDINz+5ntHPgQk2EaGCORRHW2e4MBurf+NE/Byq6+R08ign0msDb2C8IjdxmSThnXe1hkavq12PkTH+iSAPzESCAzQmLcgU2sQUFGbYSnLgA8qEF9crprAu5Nz2sQuiB9DfaeQwmrZm/Kj4mdfhjc/XeE9xjXRP927UoAIMrIZKdG+GjDVAbDtQOt/L30QfmpTEKXnzdJiVXDYFcvZ1K5s3n4eE=
   - secure: GPrnHJfDtuP/7o63Ph7iaCKNo1EDTd4JRv4u2oEQFDV5cfFjZ5n90R9XNIcWSRyPUBTBiLEWjP+xhaH+F+EktAbF08FcL2FxXgfOvUbOfjqK6ZGYZGV+bwIriJTxveyn/sGT52AN697/XMGRQbGQvKGbUXSMvK4OQ6g+2QXt0/v5rWN026zqKS1+/WqVYTYKGNG2qqfOG6pnfT8rSZZk7aOh8xFdO0sxoG0siVbIr7fK4HNa25TAViv/CF8buPgNxarYaYfo4WSxE/EChZemz5CuKOHG5gKh2oToCIicOGSlX537E+uvunn/y3q6ii2pyQ0kah73KFc+AzyN3s/vjjh5iGzgrcvoujYHyNc/q+N0MsrScne1Bpli6Rzny5pds2ubXIQ7U+1A/HlvKwJHbpt1Znr8lxTp5dqu1vFCd4sZ+VC3tv8SkaMlP1tjP3T4Zj3+mbPcquh6+KXPTf7t/Vp8fHYN+GRxHX04EHMnHEYPyBeSBn70bMKj0Hqm+OKT8uP7A8xd/cdeA0v6burHIPefyonfyX/fmaXvI2R7PuGFPR4s3onmA0BLsog6bIj+6Mj2cjB5E5q8hwrclZU4/jgMiQygvzFy/sQlVBXP9dx+Fl/5SrAqgUbk+RWGjoXDiON0w+drxt6qUKYlA36KcM+0u3piaEelmmrQwIWr6EM=
   - secure: Vy/GqS5cXwNk/4MeV528TlEvdhhra9O2wdKLYDEkWKOHsNnjiTQ4BCthlvjQgckN6nOb0aGptEHR135vEue3FKPEmwtsbx7TO3r2cmzZum+sQZBr+orhwrLL1oV2REi8dr0bBOJkncUMoXEjw1jPwiBnsSb5g+Owfaytv1briJ0b6I7Lop6ZUwsEErOxBYPTqs8e67eztjYg+x2RDGlDMwxI2DexzPcSj+VZQ43bEu5Kbgn5d8+rF4lSj6L0st+2VLpCHRTlC4r0BMOP/1BuRXMN8/OT3epy3OjqWTkRuw8zm1IUrCA2wslrabgurYdE5narrK3WrLx/b7LB8xjvHXGAvcFj3RybwD7J7lg5niqx23kSohN/RN/7vBOMrbSg2/3x1sKlPhtxebc7lO0HFI1L8Zbm3O4/SF+ThGd4yMYAF53i9QpJkwrqV7TpVtEgZo5T45SNDxxjuA9yVmwTsYwOetKmoNB+t/6jWS5oXIiSQG1zsCqWOJPLIgVEUYEL8Ep2kXUOwf4e9AarF43QCKQWyl0xSktaQmXNQnMcxgXWCuBbPK3zPK9lrduG9TlVDslBL6HWtPk4SAy1bCqC69OUBAAhckj+DVIVy3MZZaKCB+TYkw1lXyBxxmcyd/yhyFxdugKF7GtlUKmyGb+vduLtJ1lP0hiBG7EJBgqFbCU=
+  - secure: iYRrePFLste1CbR1ckrcJz2TAyp3T4XGEN67lgIHxG4tbxIPcyoSmwy3OTnMt1ZbqMSajs/nU5UM8nrT1x5O/995Daxz8xKNgXQj61aM/SOytgLQCfPOlUuF1iMY7Nkr66EEVPaljOAjLOnjVYMGpDxPqCQ+4CsjM90If9r2A4/6lssgGOtxEkH/xSift7beElEUIhMRj1538b7m+ivLU7zYyTmOxzbDToRjSBTwZIvE7VKaaTFf7mpbeJ2B/uRP+YsQ4sjdBN9xeCQg+6rJkpkkvgnNmj8BGixU1FSTYn4vfNHX6OOL8LrpsNvfEkjzNQjgvGfCbvUlLEnnD8fdFLcl5bv5Yq9F3x/G0zosHWtPZxT3FoHC3AuiA530FBSGLk7AmG5QJTL99H/6IhtV0Cws2xgv0EZc1J4a4kNtPZ5e9ggGjUnzwXcu6TuFhmCeUCSXwYWEb9mQbma0iDjBYO+zrKhQMwYUxO/FJzZyzvvf2F2TMAODyjUOd/EciCtQxlqUydCGizg/MvW5O9izJytuWLgPiWpkPrBOfdPRWVEWfRtsDrVIxwpyN5Qeiw45KPhDUKVPTAoXYiIzdemMsdwWvpEyanzLVviyPjvfWsUO1nLtOtsUCCSRvxpCRaWUte+bIOFz1PLnNl3ba4dTBo0QtC5j4bxSul7fbWMpZSg=
+  - secure: paPSK/WkaDAUAL/Nx2mYIZwGo4dsHwX/j0oV2p5O+J+SsGLQSmaXBQeyxAG2p4pepCIEliuMAv7qIlwL2OkSBLrE2qshD2CAEzjvgkNzZ3v4iMeldYCs98c9jfXtjL3hmMmYLZO7O+bo/Uh1pqwXkUJ/JKnE3tj9uOTgXrQalpb6jSmgrigLkM/8K/QsZ7UC2gPCgJyOxvCsQmGG0QGD7I7TC5m9vc3NVXzUXCvsGQGzubdBfBXJ3hiw6Ln1nvQ/Kgk86ypz8a+FVJG2PieJEMQtQc2aKThdJtszkRS/wTUpdWg9q5CYE4FoRajWBt6YQ/nEm3fPAc6be9klGjtrLZI7rVxnluS9fwvRrLHj7cqKEiyGIv+FSqWfE3alJyPyzWFgrpXAlsz53YodhhW/Szg4sQHrLDa/h1MCug2HAnQEPqYfQMfy0vX6Ka6ONF8WAicreKCqR3hAs2gx/qoY5dpj0mmsaK7QVko/a7MTgSgMGFhnBUIAUaeEAD2YjTRe4qjjaJdfqoxicMrozxU7KBI1u8MMJMJqQNHolmtR3A/S709Y0AMuFgyrZTlANMYXtyPdIv233lFinV1ePGejwAG3z9kP1DjhZVnpAwkkm9z7IiKHVxfWvYLIfZidhAROETr1/BQzQcPxXrxI8Qd7nV9K7j68NdufxbRYDGccjiE=

actions/analytics/addPerformancePredictionJob.js

@@ -0,0 +1,25 @@
+const log = require('../log/clog');
+import serviceUnavailable from '../error/serviceUnavailable';
+import UserProfileStore from '../../stores/UserProfileStore';
+import executePerformancePredictionJob from './executePerformancePredictionJob';
+
+export default function addPerformancePredictionJob(context, payload, done) {
+    log.info(context, payload);
+    //enrich data
+    payload.jwt = context.getStore(UserProfileStore).jwt;
+
+    context.service.create('analytics.predictionActivity', payload, {timeout: 60 * 1000}, {timeout: 600 * 1000}, (err, res) => {
+        if (err) {
+            log.error(context, {filepath: __filename});
+            context.executeAction(serviceUnavailable, payload, done);
+        } else {
+            let activeRevision = res.deck.revisions[res.deck.revisions.length-1];
+            payload.prediction.deckFirstSlide = activeRevision.firstSlide;
+            payload.prediction.deckTheme = activeRevision.theme;
+            payload.prediction.id = res.activity.id;
+            context.dispatch('ADD_PERFORMANCE_PREDICTION_SUCCESS', payload);
+            context.executeAction(executePerformancePredictionJob, payload, done);
+        }
+        done();
+    });
+}

actions/analytics/deletePerformancePredictionJob.js

@@ -0,0 +1,30 @@
+const log = require('../log/clog');
+// import serviceUnavailable from '../error/serviceUnavailable';
+import addActivity from '../activityfeed/addActivity';
+
+export default function deletePerformancePredictionJob(context, payload, done) {
+    log.info(context, payload);
+    let activity = {
+        activity_type: 'prediction',
+        user_id: String(payload.userId),
+        content_id: String(payload.deckId),
+        content_name: payload.deckTitle,
+        content_kind: 'deck',
+        prediction_info: {
+            prediction_activity_type: 'delete',
+            related_prediction_activity_id: payload.id
+        }
+    };
+    context.executeAction(addActivity, {activity: activity});
+    context.dispatch('DELETE_PERFORMANCE_PREDICTION_SUCCESS', payload);
+    done();
+    // context.service.delete('analytics.prediction', payload, {timeout: 60 * 1000}, (err, res) => {
+    //     if (err) {
+    //         log.error(context, {filepath: __filename});
+    //         context.executeAction(serviceUnavailable, payload, done);
+    //     } else {
+    //         context.dispatch('DELETE_PERFORMANCE_PREDICTION_SUCCESS', payload);
+    //     }
+    //     done();
+    // });
+}

actions/analytics/executePerformancePredictionJob.js

@@ -0,0 +1,16 @@
+const log = require('../log/clog');
+import serviceUnavailable from '../error/serviceUnavailable';
+
+export default function executePerformancePredictionJob(context, payload, done) {
+    log.info(context, payload);
+
+    context.service.create('analytics.prediction', payload, {timeout: 60 * 1000}, {timeout: 600 * 1000}, (err, res) => {
+        if (err) {
+            log.error(context, {filepath: __filename});
+            context.executeAction(serviceUnavailable, payload, done);
+        } else {
+            context.dispatch('PERFORMANCE_PREDICTION_COMPLETED', res);
+        }
+        done();
+    });
+}

actions/analytics/loadUserPerformancePredictions.js

@@ -0,0 +1,23 @@
+import serviceUnavailable from '../error/serviceUnavailable';
+const log = require('../log/clog');
+import UserProfileStore from '../../stores/UserProfileStore';
+
+export default function loadUserPerformancePredictions(context, payload, done) {
+    log.info(context);
+
+    // start loading
+    context.dispatch('SHOW_PERFORMANCE_PREDICTIONS_LOADING', payload);
+    payload.uid = context.getStore(UserProfileStore).userid;
+    context.service.read('analytics.predictionslist', payload, {timeout: 20 * 1000}, (err, res) => {
+        if (err) {
+            log.error(context, {filepath: __filename});
+            context.executeAction(serviceUnavailable, payload, done);
+            return;
+            // context.dispatch('LOAD_USER_NOTIFICATIONS_FAILURE', err);
+        } else {
+            context.dispatch('LOAD_USER_PERFORMANCE_PREDICTIONS_SUCCESS', res);
+        }
+
+        done();
+    });
+}

actions/user/userprofile/chooseAction.js

@@ -4,18 +4,20 @@ import fetchUserDecks from './fetchUserDecks';
 import notFoundError from '../../error/notFoundError';
 const log = require('../../log/clog');
 import loadUserCollections from '../../collections/loadUserCollections';
+import loadUserPerformancePredictions from '../../analytics/loadUserPerformancePredictions';
 import loadUserRecommendations from '../../recommendations/loadUserRecommendations';
 import { shortTitle, LTI_ID } from '../../../configs/general';
 import UserProfileStore from '../../../stores/UserProfileStore';
 
 import loadUserStats from '../../stats/loadUserStats';
 
 export const categories = { //Do NOT alter the order of these items! Just add your items. Used in UserProfile and CategoryBox components
-    categories: ['settings', 'groups', 'playlists', 'decks', 'recommendations', 'stats', 'ltis'],
+    categories: ['settings', 'groups', 'playlists', 'decks', 'recommendations', 'stats', 'ltis', 'analytics'],
     settings: ['profile', 'account', 'integrations'],
     groups: ['overview'],
     ltis: ['overview', 'edit'],
     decks: ['shared'],
+    analytics: ['performanceprediction']
 };
 
 export function chooseAction(context, payload, done) {
@@ -38,7 +40,7 @@ export function chooseAction(context, payload, done) {
                 default:
                     title = shortTitle;
                     break;
-            };
+            }
             break;
         case categories.categories[1]:
             switch(payload.params.item){
@@ -48,7 +50,7 @@ export function chooseAction(context, payload, done) {
                 default:
                     title = shortTitle;
                     break;
-            };
+            }
             break;
         case categories.categories[2]:
             title += 'Playlists';
@@ -62,7 +64,7 @@ export function chooseAction(context, payload, done) {
                 default:
                     title += 'My Decks';
                     break;
-            };
+            }
             break;
         case categories.categories[5]:
             title += 'User Stats';
@@ -86,7 +88,7 @@ export function chooseAction(context, payload, done) {
 
         default:
             title = shortTitle;
-    };
+    }
     context.dispatch('UPDATE_PAGE_TITLE', {pageTitle: title});
 
     async.series([
@@ -133,6 +135,10 @@ export function chooseAction(context, payload, done) {
                     context.dispatch('USER_CATEGORY', {category: payload.params.category, item: payload.params.item});
                     callback();
                     break;
+                case categories.categories[7]:
+                    context.dispatch('USER_CATEGORY', {category: payload.params.category, item: payload.params.item});
+                    context.executeAction(loadUserPerformancePredictions, {}, callback);
+                    break;
                 default:
                     context.executeAction(notFoundError, {}, callback);
             }

app.js

@@ -49,6 +49,7 @@ import UserReviewStore from './stores/UserReviewStore';
 import EditRightsStore from './stores/EditRightsStore';
 import DeckCollectionStore from './stores/DeckCollectionStore';
 import SSOStore from './stores/SSOStore';
+import UserPerformancePredictionsStore from './stores/UserPerformancePredictionsStore';
 import UserRecommendationsStore from './stores/UserRecommendationsStore';
 import UserFollowingsStore from './stores/UserFollowingsStore';
 import LoginModalStore from './stores/LoginModalStore';
@@ -109,6 +110,7 @@ const app = new Fluxible({
         EditRightsStore,
         DeckCollectionStore,
         SSOStore,
+        UserPerformancePredictionsStore,
         UserRecommendationsStore,
         UserFollowingsStore,
         LoginModalStore,

assets/css/home-custom.css

@@ -748,6 +748,7 @@ textarea:focus{
     -moz-border-radius: 5px;
     border-radius: 5px;
     position: relative;
+    margin-top: 40px;
 }
 
 .featured-img {

assets/custom-semantic-ui/dist/components/button.css

@@ -3855,8 +3855,8 @@
 .ui.negative.button:focus,
 .ui.red.buttons .button:focus,
 .ui.red.button:focus {
-  -webkit-box-shadow: 0 0 0 2px #f16767 inset !important;
-          box-shadow: 0 0 0 2px #f16767 inset !important;
+  -webkit-box-shadow: 0 0 0 2px #000000 inset !important;
+          box-shadow: 0 0 0 2px #000000 inset !important;
 }
 
 

assets/custom-semantic-ui/dist/components/dropdown.css

@@ -608,7 +608,7 @@ select.ui.dropdown {
   opacity: 0.45;
 }
 .ui.active.search.dropdown input.search:focus + .text {
-  color: rgba(115, 115, 115, 0.87) !important;
+  color: rgba(38, 38, 38, 0.87) !important;
 }
 
 /* Search Menu */
@@ -853,11 +853,11 @@ select.ui.dropdown {
 
 .ui.dropdown:not(.button) > .default.text,
 .ui.default.dropdown:not(.button) > .text {
-  color: rgba(191, 191, 191, 0.87);
+  color: rgba(89, 89, 89, 0.87);
 }
 .ui.dropdown:not(.button) > input:focus ~ .default.text,
 .ui.default.dropdown:not(.button) > input:focus ~ .text {
-  color: rgba(115, 115, 115, 0.87);
+  color: rgba(38, 38, 38, 0.87);
 }
 
 /*--------------------

assets/custom-semantic-ui/dist/components/feed.css

@@ -118,7 +118,7 @@
   font-weight: normal;
   font-size: 1em;
   font-style: normal;
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 /*--------------
@@ -173,7 +173,7 @@
   font-style: normal;
   margin: 0em 0em 0em 0.5em;
   padding: 0em;
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(0, 0, 0, 0.6);
 }
 
 /*--------------