[Toaster] [PATCH V2] bitbake: toaster: Add machine selection notification

[Barros Pena, Belen]

Looks good to me now.

Thanks!

Belén

On 23/02/2015 16:33, "Michael Wood" <michael.g.wood at intel.com> wrote:

>This adds a notification to the project page to notify users of the
>change in project configuration.
>
>Signed-off-by: Michael Wood <michael.g.wood at intel.com>
>---
> bitbake/lib/toaster/toastergui/static/css/default.css    | 6 ++++++
> bitbake/lib/toaster/toastergui/static/js/layerdetails.js | 2 +-
> bitbake/lib/toaster/toastergui/static/js/machines.js     | 3 +--
> bitbake/lib/toaster/toastergui/static/js/projectapp.js   | 9 +++++++++
> 4 files changed, 17 insertions(+), 3 deletions(-)
>
>diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css
>b/bitbake/lib/toaster/toastergui/static/css/default.css
>index 86cf67a..2c9b1aa 100644
>--- a/bitbake/lib/toaster/toastergui/static/css/default.css
>+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
>@@ -236,4 +236,10 @@ div.add-deps { margin-top: 15px; }
> .animate-repeat.ng-enter.ng-enter-active {
>   opacity:1;
> }
>+
>+ at keyframes machines-fade { 0% { background-color: #D9EDF7; } 25% {
>background-color: #D9EDF7; } 100% { background-color: white; } }
>+ at -webkit-keyframes machines-fade { 0% { background-color: #D9EDF7; } 25%
>{ background-color: #D9EDF7; } 100% { background-color: white; } }
>+
>+.machines-highlight { -webkit-animation: machines-fade 7s 1;
>-moz-animation: machines-fade 7s 1; animation: machines-fade 7s 1; }
>+
> .tab-pane table { margin-top: 10px; }
>diff --git a/bitbake/lib/toaster/toastergui/static/js/layerdetails.js
>b/bitbake/lib/toaster/toastergui/static/js/layerdetails.js
>index 2e713d5..22c40d9 100644
>--- a/bitbake/lib/toaster/toastergui/static/js/layerdetails.js
>+++ b/bitbake/lib/toaster/toastergui/static/js/layerdetails.js
>@@ -133,7 +133,7 @@ function layerDetailsPageInit (ctx) {
>     var data =  { machineName : $(this).data('machine-name') };
>     libtoaster.editProject(ctx.xhrEditProjectUrl, ctx.projectId, data,
>       function (){
>-        window.location.replace(ctx.projectPageUrl);
>+        window.location.replace(ctx.projectPageUrl+"#/machineselected");
>     }, null);
>   });
> 
>diff --git a/bitbake/lib/toaster/toastergui/static/js/machines.js
>b/bitbake/lib/toaster/toastergui/static/js/machines.js
>index ee8c980..973a037 100644
>--- a/bitbake/lib/toaster/toastergui/static/js/machines.js
>+++ b/bitbake/lib/toaster/toastergui/static/js/machines.js
>@@ -77,7 +77,6 @@ function machinesPageInit (ctx) {
>           show_layer_deps_modal(ctx.projectId, layer, data.list, null,
>null, true, function () {
>             /* Success add deps and layer */
>             setLayerInCurrentPrj(btn, data.list);
>-            console.log ("TODO SUCCESS");
>           });
>         }
>       }, null);
>@@ -87,7 +86,7 @@ function machinesPageInit (ctx) {
>     var data =  { machineName : $(this).data('machine-name') };
>     libtoaster.editProject(ctx.xhrEditProjectUrl, ctx.projectId, data,
>       function (){
>-        window.location.replace(ctx.projectPageUrl);
>+        window.location.replace(ctx.projectPageUrl+"#/machineselected");
>     }, null);
>   });
> 
>diff --git a/bitbake/lib/toaster/toastergui/static/js/projectapp.js
>b/bitbake/lib/toaster/toastergui/static/js/projectapp.js
>index 4d00f40..df811fb 100644
>--- a/bitbake/lib/toaster/toastergui/static/js/projectapp.js
>+++ b/bitbake/lib/toaster/toastergui/static/js/projectapp.js
>@@ -665,6 +665,15 @@ projectApp.controller('prjCtrl', function($scope,
>$modal, $http, $interval, $loc
>                     "\">select targets</a> you want to build.",
>"alert-success");
>         });
> 
>+        _cmdExecuteWithParam("/machineselected", function () {
>+            $scope.displayAlert($scope.zone2alerts, "You have changed
>the machine to: <strong>" + $scope.machine.name + "</strong>",
>"alert-info");
>+            var machineDistro = angular.element("#machine-distro");
>+
>+            angular.element("html, body").animate({ scrollTop:
>machineDistro.position().top }, 700).promise().done(function() {
>+              $animate.addClass(machineDistro, "machines-highlight");
>+            });
>+        });
>+
>         _cmdExecuteWithParam("/layerimported", function (layer) {
>           var imported = $cookieStore.get("layer-imported-alert");
>           var text;
>-- 
>2.1.0
>
>-- 
>_______________________________________________
>toaster mailing list
>toaster at yoctoproject.org
>https://lists.yoctoproject.org/listinfo/toaster