smeserver-manager-AdminLTE/contribs10/smeserver-manager-AdminLTE-0.1.3-Update-login-panel-add-password-visibility.patch

diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css 2021-04-28 07:12:00.000000000 +0100
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css     2021-11-29 14:27:00.000000000 +0000
@@ -196,3 +196,10 @@
     margin : 0;
 }  
 
+.login-box {
+  margin: 0 auto;
+}
+
+.table-striped>tr:nth-child(odd){
+   background-color:#c2e8a8;
+}
diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep      2021-11-29 15:58:29.650602949 +0000
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep  2021-11-29 15:07:00.000000000 +0000
@@ -243,6 +243,9 @@
 
        <!-- jQuery -->
        %= javascript "/plugins/jquery/jquery.min.js"
+       <!-- Show hide password 
+       %= javascript "/plugins/hideShowPassword.min.js"
+       -->
        <!-- Bootstrap 4 -->
        %= javascript "/plugins/bootstrap/js/bootstrap.bundle.min.js"
        <!-- AdminLTE App -->
@@ -281,6 +284,8 @@
                        $(".sme-success").addClass("card card-success card-body");
                        $("table.sme-border").addClass("table table-striped"); 
                        $("#footer").addClass("card card-info card-body"); 
+                       $(".module").addClass("card card-info card-body");
+                       $(".central").addClass("card card-info card-body");
                        /*$("#container").addClass("nav")*/
                        $(".menu-cell").addClass("nav-item");
                        $(".item").addClass("nav-link");                        
@@ -324,6 +329,8 @@
                        breadcrumb.push('Level');
                        breadcrumb.pop();
                        */
+                       //alert("Hello world");
+                       $("#login_password").togglePasswordVisibility();
 
                        
                });
@@ -345,6 +352,26 @@
                $('ul.treeview-menu a').filter(function() {
                         return this.href == url;
                }).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');
+               
+               //Setup passord visibility toggle
+               (function ($) {
+                       $.fn.togglePasswordVisibility = function() {
+                       togglePassword.addEventListener('click', function (e) {
+                               // toggle the type attribute
+                               const togglePassword = document.getElementById('togglePassword');
+                               const password = document.getElementById('login-password');
+                               const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
+                               password.setAttribute('type', type);
+                               // toggle the eye slash icon
+                               this.classList.toggle('fa-eye-slash');
+                       });
+               };
+               }(jQuery));
+
+               
+
+
+
 
                </script>
 
diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep
--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep        1970-01-01 01:00:00.000000000 +0100
+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep    2021-11-29 09:59:00.000000000 +0000
@@ -0,0 +1,83 @@
+% layout 'default', title => "Sme server 2 - login";
+
+% content_for 'module' => begin
+
+<div id="module" class="content-login hold-transition login-box" >
+
+    %if ($config->{debug} == 1) {
+       <p>
+       %= dumper $c->current_route
+       %if ( stash 'trt' ) {
+           %= dumper stash 'trt'
+       %}
+       </p>
+    %}
+
+% if ( stash 'error' ) {
+       <br><div class=sme-error>
+       %= $c->render_to_string(inline => stash 'error') 
+       </div>
+%}
+
+       <div class="card">
+               <div class="card-body login-card-body">
+                 <p class="login-box-msg"><%=l 'use_TITLE' %></p>
+
+    % my $btn = l('use_SIGNIN');
+
+    <!------
+    <h1>
+    %=l 'use_TITLE'
+    </h1>
+    ---->
+
+    %= form_for '/login' => (method => 'POST') => begin
+
+    <!---
+    <p><span class=label>
+    %=l 'USER_NAME'
+    </span><span class=input>
+    %= text_field 'Username'
+    </span></p>
+
+    <p><span class=label>
+    %=l 'PASSWORD'
+    </span><span class=input>
+    %= password_field 'Password'
+    </span></p>
+    --->
+    
+    
+       <div class="input-group mb-3">
+         <input type="text" name='Username' class="form-control" placeholder="<%=l 'USER_NAME'%>">
+         <div class="input-group-append">
+               <div class="input-group-text">
+                 <span class="fas fa-user"></span>
+               </div>
+         </div>
+       </div>
+       <div class="input-group mb-3">
+         <input type="password" name='Password' id='login-password' class="form-control" placeholder="<%=l 'PASSWORD'%>">
+         <div class="input-group-append">
+               <div class="input-group-text">
+                       <i class="far fa-eye" id="togglePassword"></i>
+                       <!---<span class="fas fa-lock"></span>-->
+               </div>
+         </div>
+       </div>
+
+
+    %= hidden_field 'From' => $c->tx->req->url
+    %= hidden_field 'Trt' => stash 'trt'
+
+    <br>
+    <div class='center'>
+    %= submit_button "$btn", class => 'action'
+    </div>
+    
+
+  % end
+ </div></div>
+
+</div>
+%end
1	brianr	1.1	diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css
2			--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css 2021-04-28 07:12:00.000000000 +0100
3			+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/public/css/server-manager2.css 2021-11-29 14:27:00.000000000 +0000
4			@@ -196,3 +196,10 @@
5			margin : 0;
6			}
7
8			+.login-box {
9			+ margin: 0 auto;
10			+}
11			+
12			+.table-striped>tr:nth-child(odd){
13			+ background-color:#c2e8a8;
14			+}
15			diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep
16			--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep 2021-11-29 15:58:29.650602949 +0000
17			+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/layouts/default.html.ep 2021-11-29 15:07:00.000000000 +0000
18			@@ -243,6 +243,9 @@
19
20			<!-- jQuery -->
21			%= javascript "/plugins/jquery/jquery.min.js"
22			+ <!-- Show hide password
23			+ %= javascript "/plugins/hideShowPassword.min.js"
24			+ -->
25			<!-- Bootstrap 4 -->
26			%= javascript "/plugins/bootstrap/js/bootstrap.bundle.min.js"
27			<!-- AdminLTE App -->
28			@@ -281,6 +284,8 @@
29			$(".sme-success").addClass("card card-success card-body");
30			$("table.sme-border").addClass("table table-striped");
31			$("#footer").addClass("card card-info card-body");
32			+ $(".module").addClass("card card-info card-body");
33			+ $(".central").addClass("card card-info card-body");
34			/$("#container").addClass("nav")/
35			$(".menu-cell").addClass("nav-item");
36			$(".item").addClass("nav-link");
37			@@ -324,6 +329,8 @@
38			breadcrumb.push('Level');
39			breadcrumb.pop();
40			*/
41			+ //alert("Hello world");
42			+ $("#login_password").togglePasswordVisibility();
43
44
45			});
46			@@ -345,6 +352,26 @@
47			$('ul.treeview-menu a').filter(function() {
48			return this.href == url;
49			}).parentsUntil(".sidebar-menu > .treeview-menu").addClass('active');
50			+
51			+ //Setup passord visibility toggle
52			+ (function ($) {
53			+ $.fn.togglePasswordVisibility = function() {
54			+ togglePassword.addEventListener('click', function (e) {
55			+ // toggle the type attribute
56			+ const togglePassword = document.getElementById('togglePassword');
57			+ const password = document.getElementById('login-password');
58			+ const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
59			+ password.setAttribute('type', type);
60			+ // toggle the eye slash icon
61			+ this.classList.toggle('fa-eye-slash');
62			+ });
63			+ };
64			+ }(jQuery));
65			+
66			+
67			+
68			+
69			+
70
71			</script>
72
73			diff -urN smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep
74			--- smeserver-manager-AdminLTE-0.1.3.old/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep 1970-01-01 01:00:00.000000000 +0100
75			+++ smeserver-manager-AdminLTE-0.1.3/root/usr/share/smanager/themes/AdminLTE/templates/login.html.ep 2021-11-29 09:59:00.000000000 +0000
76			@@ -0,0 +1,83 @@
77			+% layout 'default', title => "Sme server 2 - login";
78			+
79			+% content_for 'module' => begin
80			+
81			+<div id="module" class="content-login hold-transition login-box" >
82			+
83			+ %if ($config->{debug} == 1) {
84			+ <p>
85			+ %= dumper $c->current_route
86			+ %if ( stash 'trt' ) {
87			+ %= dumper stash 'trt'
88			+ %}
89			+ </p>
90			+ %}
91			+
92			+% if ( stash 'error' ) {
93			+ <br><div class=sme-error>
94			+ %= $c->render_to_string(inline => stash 'error')
95			+ </div>
96			+%}
97			+
98			+ <div class="card">
99			+ <div class="card-body login-card-body">
100			+ <p class="login-box-msg"><%=l 'use_TITLE' %></p>
101			+
102			+ % my $btn = l('use_SIGNIN');
103			+
104			+ <!------
105			+ <h1>
106			+ %=l 'use_TITLE'
107			+ </h1>
108			+ ---->
109			+
110			+ %= form_for '/login' => (method => 'POST') => begin
111			+
112			+ <!---
113			+ <p><span class=label>
114			+ %=l 'USER_NAME'
115			+ </span><span class=input>
116			+ %= text_field 'Username'
117			+ </span></p>
118			+
119			+ <p><span class=label>
120			+ %=l 'PASSWORD'
121			+ </span><span class=input>
122			+ %= password_field 'Password'
123			+ </span></p>
124			+ --->
125			+
126			+
127			+ <div class="input-group mb-3">
128			+ <input type="text" name='Username' class="form-control" placeholder="<%=l 'USER_NAME'%>">
129			+ <div class="input-group-append">
130			+ <div class="input-group-text">
131			+ <span class="fas fa-user"></span>
132			+ </div>
133			+ </div>
134			+ </div>
135			+ <div class="input-group mb-3">
136			+ <input type="password" name='Password' id='login-password' class="form-control" placeholder="<%=l 'PASSWORD'%>">
137			+ <div class="input-group-append">
138			+ <div class="input-group-text">
139			+ <i class="far fa-eye" id="togglePassword"></i>
140			+ <!---<span class="fas fa-lock"></span>-->
141			+ </div>
142			+ </div>
143			+ </div>
144			+
145			+
146			+ %= hidden_field 'From' => $c->tx->req->url
147			+ %= hidden_field 'Trt' => stash 'trt'
148			+
149			+ <br>
150			+ <div class='center'>
151			+ %= submit_button "$btn", class => 'action'
152			+ </div>
153			+
154			+
155			+ % end
156			+ </div></div>
157			+
158			+</div>
159			+%end