Merge pull request #85 from ezraroi/84-in-profile-page-compare-all-us…

…ers-you-follow added
ezraroi · Jul 13, 2024 · 013be89 · 013be89
2 parents 2108eb2 + c94affc
commit 013be89
Show file tree

Hide file tree

Showing 9 changed files with 105 additions and 4 deletions.
diff --git a/Mundialito/Client/lib/html2canvas.min.js b/Mundialito/Client/lib/html2canvas.min.js
diff --git a/Mundialito/Client/src/Users/UserProfile.html b/Mundialito/Client/src/Users/UserProfile.html
@@ -15,6 +15,19 @@ <h4><i class="fa fa-user"></i> {{profileUser.Name}} Profile</h4>
         </div>
     </div>
 </div>
+<div class="row" data-access-level="Admin">
+    <dic class="col-md-12">
+        <div class="panel panel-info" cg-busy="getSocialPromise">
+            <div class="panel-heading"><i class="fa-solid fa-user-tie"></i> Admin Actions</div>
+            <div class="panel-body">
+                <div class="list-group">
+                    <a class="list-group-item" target="" href="mailto:{{::profileUser.Email}}?subject=Hello From {{::mundialitoApp.appName}}"><i class="fa-solid fa-envelope"></i> Send Mail</a>
+                    <a class="list-group-item" id="capture" ng-click="capture()" href="" ><i class="fa-solid fa-print"></i> Captue Profile</a>
+                </div>  
+            </div>
+        </div>
+    </dic>
+</div>
 <div class="row">
     <div class="col-md-12">
         <div class="panel panel-info" cg-busy="getSocialPromise">

diff --git a/Mundialito/Client/src/Users/UserProfileCtrl.js b/Mundialito/Client/src/Users/UserProfileCtrl.js
@@ -174,4 +174,21 @@ angular.module('mundialitoApp').controller('UserProfileCtrl', ['$scope', '$log',
         $log.error('Failed to compare users', err);
         Alert.error('Failed to compare users: ' + err);
     });
+
+    $scope.capture = () => {
+        html2canvas(document.body).then((canvas) => {
+            // Convert the canvas to a data URL
+            var dataURL = canvas.toDataURL('image/png');
+
+            // Create a temporary link element
+            var link = document.createElement('a');
+            link.href = dataURL;
+            link.download = $scope.profileUser.Username + '.png';
+
+            // Trigger the download
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        });
+    }
 }]);
diff --git a/Mundialito/gulpfile.js b/Mundialito/gulpfile.js
@@ -64,7 +64,8 @@ gulp.task('compress-lib', function () {
         "Client/lib/angular-key-value-editor.js",
         "Client/lib/compiled-templates.js",
         "Client/lib/ng-sortable.js",
-        "Client/lib/angular-bootstrap-toggle.js"
+        "Client/lib/angular-bootstrap-toggle.js",
+        "Client/lib/html2canvas.min.js",
     ])
         .pipe(concat('lib.js'))
         .pipe(minify())

diff --git a/Mundialito/wwwroot/App/Users/UserProfile.html b/Mundialito/wwwroot/App/Users/UserProfile.html
@@ -15,6 +15,19 @@ <h4><i class="fa fa-user"></i> {{profileUser.Name}} Profile</h4>
         </div>
     </div>
 </div>
+<div class="row" data-access-level="Admin">
+    <dic class="col-md-12">
+        <div class="panel panel-info" cg-busy="getSocialPromise">
+            <div class="panel-heading"><i class="fa-solid fa-user-tie"></i> Admin Actions</div>
+            <div class="panel-body">
+                <div class="list-group">
+                    <a class="list-group-item" target="_blank" href="mailto:{{::profileUser.Email}}?subject=Hello From {{::mundialitoApp.appName}}"><i class="fa-solid fa-envelope"></i> Send Mail</a>
+                    <a class="list-group-item" id="capture" ng-click="capture()" href="" ><i class="fa-solid fa-print"></i> Captue Profile</a>
+                </div>  
+            </div>
+        </div>
+    </dic>
+</div>
 <div class="row">
     <div class="col-md-12">
         <div class="panel panel-info" cg-busy="getSocialPromise">

diff --git a/Mundialito/wwwroot/js/app-min.js b/Mundialito/wwwroot/js/app-min.js
diff --git a/Mundialito/wwwroot/js/app.js b/Mundialito/wwwroot/js/app.js
@@ -2514,6 +2514,23 @@ angular.module('mundialitoApp').controller('UserProfileCtrl', ['$scope', '$log',
         $log.error('Failed to compare users', err);
         Alert.error('Failed to compare users: ' + err);
     });
+
+    $scope.capture = () => {
+        html2canvas(document.body).then((canvas) => {
+            // Convert the canvas to a data URL
+            var dataURL = canvas.toDataURL('image/png');
+
+            // Create a temporary link element
+            var link = document.createElement('a');
+            link.href = dataURL;
+            link.download = $scope.profileUser.Username + '.png';
+
+            // Trigger the download
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        });
+    }
 }]);
 
 'use strict';

diff --git a/Mundialito/wwwroot/lib/lib-min.js b/Mundialito/wwwroot/lib/lib-min.js
diff --git a/Mundialito/wwwroot/lib/lib.js b/Mundialito/wwwroot/lib/lib.js