[fix] change position of share popover, is small screen - fix #545

www/js/controllers/wallet-controllers.js

@@ -516,6 +516,12 @@ function WalletController($scope, $rootScope, $q, $ionicPopup, $timeout, $state,
     var title = $scope.formData.name || $scope.formData.uid || $scope.formData.pubkey;
     // Use shareBasePath (fix #530) or rootPath (fix #390)
     var url = (csConfig.shareBaseUrl || $rootScope.rootPath) + $state.href('app.wot_identity', {pubkey: $scope.formData.pubkey, uid: $scope.formData.name || $scope.formData.uid});
+
+    // Override default position, is small screen - fix #545
+    if (UIUtils.screen.isSmall()) {
+      event = angular.element(document.querySelector('#wallet-share-anchor')) || event;
+    }
+
     UIUtils.popover.share(event, {
       bindings: {
         url: url,

www/js/controllers/wot-controllers.js

@@ -864,6 +864,10 @@ function WotIdentityAbstractController($scope, $rootScope, $state, $translate, $
     var title = $scope.formData.name || $scope.formData.uid || $scope.formData.pubkey;
     // Use shareBasePath (fix #530) or rootPath (fix #390)
     var url = (csConfig.shareBaseUrl || $rootScope.rootPath) + $state.href('app.wot_identity', {pubkey: $scope.formData.pubkey, uid: $scope.formData.uid});
+    // Override default position, is small screen - fix #545
+    if (UIUtils.screen.isSmall()) {
+      event = angular.element(document.querySelector('#wot-share-anchor-'+$scope.formData.pubkey)) || event;
+    }
     UIUtils.popover.share(event, {
       bindings: {
         url: url,

www/plugins/es/i18n/locale-fr-FR.json

@@ -230,6 +230,10 @@
         "MANAGED": "Groupe administré"
       }
     },
+    "VIEW": {
+      "POPOVER_SHARE_TITLE": "{{title}}",
+      "MENU_TITLE": "Options"
+    },
     "EDIT": {
       "TITLE": "Groupe",
       "TITLE_NEW": "Nouveau groupe",

www/plugins/es/js/controllers/group-controllers.js

@@ -178,7 +178,7 @@ function ESGroupListController($scope, UIUtils, $state, csWallet, esGroup, Modal
 }
 
 
-function ESGroupViewController($scope, $state, UIUtils, esGroup, csWallet) {
+function ESGroupViewController($scope, $state, $ionicPopover, UIUtils, csConfig, esGroup, csWallet) {
   'ngInject';
 
   $scope.formData = {};
@@ -229,6 +229,53 @@ function ESGroupViewController($scope, $state, UIUtils, esGroup, csWallet) {
     UIUtils.loading.show();
     $state.go('app.edit_group', {id: $scope.id});
   };
+
+  /* -- modals & popover -- */
+
+  $scope.showActionsPopover = function(event) {
+    if (!$scope.actionsPopover) {
+      $ionicPopover.fromTemplateUrl('plugins/es/templates/group/view_popover_actions.html', {
+        scope: $scope
+      }).then(function(popover) {
+        $scope.actionsPopover = popover;
+        //Cleanup the popover when we're done with it!
+        $scope.$on('$destroy', function() {
+          $scope.actionsPopover.remove();
+        });
+        $scope.actionsPopover.show(event);
+      });
+    }
+    else {
+      $scope.actionsPopover.show(event);
+    }
+  };
+
+  $scope.hideActionsPopover = function() {
+    if ($scope.actionsPopover) {
+      $scope.actionsPopover.hide();
+    }
+  };
+
+  $scope.showSharePopover = function(event) {
+    $scope.hideActionsPopover();
+
+    var title = $scope.formData.title;
+    // Use shareBasePath (fix #530) or rootPath (fix #390)
+    var url = (csConfig.shareBaseUrl || $rootScope.rootPath) + $state.href('app.view_group', {id: $scope.id});
+    // Override default position, is small screen - fix #545
+    if (UIUtils.screen.isSmall()) {
+      event = angular.element(document.querySelector('#group-share-anchor-'+$scope.id)) || event;
+    }
+    UIUtils.popover.share(event, {
+      bindings: {
+        url: url,
+        titleKey: 'GROUP.VIEW.POPOVER_SHARE_TITLE',
+        titleValues: {title: title},
+        time: $scope.formData.time,
+        postMessage: title
+      }
+    });
+  };
 }
 
 function ESGroupEditController($scope, esGroup, UIUtils, $state, $q, Device,

www/plugins/es/js/controllers/registry-controllers.js

@@ -525,6 +525,10 @@ function ESRegistryRecordViewController($scope, $state, $q, $timeout, $ionicPopo
     var title = $scope.formData.title;
     // Use shareBasePath (fix #530) or rootPath (fix #390)
     var url = (csConfig.shareBaseUrl || $rootScope.rootPath) + $state.href('app.registry_view_record', {title: title, id: $scope.id});
+    // Override default position, is small screen - fix #545
+    if (UIUtils.screen.isSmall()) {
+      event = angular.element(document.querySelector('#registry-share-anchor-'+$scope.id)) || event;
+    }
     UIUtils.popover.share(event, {
       bindings: {
         url: url,

www/plugins/es/templates/group/view_popover_actions.html

+<ion-popover-view class="fit has-header">
+  <ion-header-bar>
+    <h1 class="title"  translate>GROUP.VIEW.MENU_TITLE</h1>
+  </ion-header-bar>
+  <ion-content scroll="false">
+    <div class="list item-text-wrap">
+
+      <a class="item item-icon-left ink"
+         ng-click="showSharePopover($event)">
+        <i class="icon ion-android-share-alt"></i>
+        {{'COMMON.BTN_SHARE' | translate}}
+      </a>
+
+      <!--<a class="item item-icon-left assertive ink"
+         ng-if="canEdit"
+         ng-click="delete()">
+        <i class="icon ion-trash-a"></i>
+        {{'COMMON.BTN_DELETE' | translate}}
+      </a>-->
+    </div>
+  </ion-content>
+</ion-popover-view>

www/plugins/es/templates/group/view_record.html

@@ -67,6 +67,7 @@
         </div>
 
         <!-- Buttons bar-->
+        <a id="group-share-anchor-{{id}}"></a>
         <div class="item large-button-bar hidden-xs hidden-sm">
           <button class="button button-stable button-small-padding icon ion-android-share-alt"
                   ng-click="showSharePopover($event)">

www/plugins/es/templates/registry/view_record.html

@@ -67,6 +67,7 @@
         </div>
 
         <!-- Buttons bar-->
+        <a id="registry-share-anchor-{{id}}"></a>
         <div class="item large-button-bar hidden-xs hidden-sm">
           <button class="button button-stable button-small-padding icon ion-android-share-alt"
                   ng-click="showSharePopover($event)">

www/templates/wallet/view_wallet.html

@@ -47,6 +47,7 @@
          ng-click="toggleQRCode = !toggleQRCode"></div>
 
     <!-- Buttons bar-->
+    <a id="wallet-share-anchor"></a>
     <div class="hidden-xs hidden-sm padding text-center" ng-if="!loading">
 
       <button class="button button-stable button-small-padding icon ion-android-share-alt ink"

www/templates/wot/view_identity.html

@@ -34,6 +34,7 @@
     </div>
 
     <!-- button bar-->
+    <a id="wot-share-anchor-{{::formData.pubkey}}"></a>
     <div class="hidden-xs hidden-sm padding text-center">
       <button class="button button-stable button-small-padding icon ion-android-share-alt ink"
               ng-click="showSharePopover($event)"