refactoring Buttons and Forms, some issues fixed.

Author: byfarzin

BlogEngine/BlogEngine.NET/BlogEngine.NET.csproj

@@ -667,7 +667,6 @@
     <Content Include="admin\themes\standard\sass\base\_variables.scss" />
     <Content Include="admin\themes\standard\sass\layout\_main.scss" />
     <Content Include="admin\themes\standard\sass\layout\_sidebar.scss" />
-    <Content Include="admin\themes\standard\sass\modules\_btn.scss" />
     <Content Include="admin\themes\standard\sass\modules\_forms.scss" />
     <Content Include="admin\themes\standard\sass\styles.scss" />
     <Content Include="admin\themes\standard\css\styles.css.map" />
@@ -702,6 +701,10 @@
     <Content Include="admin\themes\standard\sass\pages\content\_pages.new.scss" />
     <Content Include="admin\themes\standard\sass\pages\content\_comments.filters.scss" />
     <Content Include="admin\themes\standard\sass\modules\_filemanager.scss" />
+    <Content Include="admin\themes\standard\sass\modules\_buttons.scss" />
+    <Content Include="admin\themes\standard\sass\modules\_alerts.scss" />
+    <Content Include="admin\themes\standard\sass\modules\_pagination.scss" />
+    <Content Include="admin\themes\standard\sass\modules\_dropdown.scss" />
     <None Include="Scripts\jquery-2.1.4.intellisense.js" />
     <Content Include="Scripts\i18n\angular-locale_aa-dj.js" />
     <Content Include="Scripts\i18n\angular-locale_aa-er.js" />

BlogEngine/BlogEngine.NET/admin/about.cshtml

@@ -39,6 +39,7 @@
     };
 }
 <div ng-controller="AboutController" class="about-view content">
+    <button tabindex="-1" class="sidebar-toggle"><span></span><span></span><span></span></button>
     <div class="main-header clearfix">
         <h2 class="page-title pull-left">About</h2>
     </div>

BlogEngine/BlogEngine.NET/admin/app/common.js

@@ -150,32 +150,35 @@ function getFromQueryString(param) {
 }
 
 function bindCommon() {
+  
     //
     $(".dropdown-menu-filter li a").click(function () {
         $(this).parents(".dropdown").find('.btn').html('<span class="show-label"></span> ' + $(this).text() + ' <i class="fa fa-angle-down"></i>');
         $(this).parents(".dropdown").find('.btn').val($(this).data('value'));
     });
 
-    //
-    $(".page-header .btn, .help-link").tooltip({
-        placement: "bottom",
-        container: '.page-header',
-    });
-
     //
     $(".search input").focus(function () {
-        $(".search").addClass("search-wide");
+        $(".search").addClass("active");
     });
     $('.search input').blur(function () {
         if ($(this).val().length == 0) {
-            $(".search").removeClass("search-wide");
+            $(".search").removeClass("active");
         }
     });
+
     //
     $(".btn-input-file.prev").click(function () {
         $(this).prev('input').click();
     });
     $(".btn-input-file.next").click(function () {
         $(this).next('input').click();
     });
+
+    //
+    $(".main-header .btn").tooltip({
+        placement: "bottom",
+        container: '.main-header',
+    });
+
 }

BlogEngine/BlogEngine.NET/admin/app/dashboard/dashboardView.html

@@ -8,7 +8,7 @@ <h4 class="modal-title">{{lbl.logFile}}</h4>
                 </div>
                 <div class="modal-body logs-list">
                     <div class="form-group">
-                        <textarea ng-bind="vm.Logs" rows="12" maxlength="450" class="form-control" id="txtLogs"></textarea>
+                        <textarea ng-bind="vm.Logs" readonly="readonly" rows="12" maxlength="450" class="form-control" id="txtLogs"></textarea>
                     </div>
                     <div class="modal-buttons text-right">
                         <button type="button" data-ng-if="vm.Logs.length > 0" data-ng-click="purgeLog()" class="btn btn-hasicon btn-danger"><i class="fa fa-trash"></i> {{lbl.purge}}</button>
@@ -158,4 +158,4 @@ <h4 class="modal-title">{{lbl.trash}}</h4>
             </div>
         </div>
     </div>
-</div>
+</div>

BlogEngine/BlogEngine.NET/admin/app/security/profile/profileView.html

@@ -29,7 +29,7 @@ <h2 class="page-title pull-left">{{lbl.myProfile}}</h2>
         <a href="{{SiteVars.RelativeWebRoot}}Account/change-password.aspx" class="btn btn-default btn-sm btn-hasicon pull-right"><i class="fa fa-key"></i>{{lbl.changePassword}}</a>
     </div>
     <div class="content-inner">
-        <div id="frm-user-edit" class="form-width-limited">
+        <div id="frm-user-edit" class="form-content">
             <div class="form-group">
                 <div class="profile-info clearfix">
                     <img ng-src="{{photo}}" width="100" class="pull-left profile-info-img" title="Profile Picture" />

BlogEngine/BlogEngine.NET/admin/app/settings/advancedView.html

@@ -5,7 +5,9 @@ <h2 class="page-title pull-left">{{lbl.advanced}}</h2>
             <button data-ng-click="save()" class="btn btn-success btn-sm btn-hasicon pull-left" type="button"><i class="fa fa-check"></i>{{lbl.save}}</button>
         </div>
         <div class="content-inner">
-            <div class="form-width-limited">
+
+            <div class="form-content">
+                <h4>General</h4>
                 <div class="form-group">
                     <label>{{lbl.handleWwwSubdomain}}</label>
                     <div class="row">
@@ -22,8 +24,7 @@ <h2 class="page-title pull-left">{{lbl.advanced}}</h2>
                     <div class="checkbox"><label><input type="checkbox" name="ckShowPostNavigation" data-ng-model="settings.ShowPostNavigation" /> {{lbl.showPostNavigation}}</label></div>
                     <div class="checkbox"><label><input type="checkbox" name="ckEnablePasswordReset" data-ng-model="settings.EnablePasswordReset" /> {{lbl.enablePasswordReset}}</label></div>
                 </div>
-                <hr />
-                <h4>{{lbl.comments}}</h4><br />
+                <h4>{{lbl.comments}}</h4>
                 <div class="form-group">
                     <label>{{lbl.enableTrackbacks}}</label>
                     <div class="row">
@@ -38,7 +39,6 @@ <h4>{{lbl.comments}}</h4><br />
                         <div class="col-md-6"><label><input type="checkbox" name="ckEnableTrackBackReceive" data-ng-model="settings.EnableTrackBackReceive" /> {{lbl.receive}}</label></div>
                     </div>
                 </div>
-                <hr />
                 <h4>  {{lbl.securitySettings}}</h4>
                 <div class="form-group">
                     <div class="checkbox"><label><input type="checkbox" name="ckAllowRemoteFileDownloads" data-ng-model="settings.AllowServerToDownloadRemoteFiles" /> {{lbl.allowRemoteFileDownloads}}</label></div>
@@ -53,8 +53,7 @@ <h4>  {{lbl.securitySettings}}</h4>
                         <input type="text" class=" form-control" id="txtRemoteMaxFileSize" name="txtRemoteMaxFileSize" data-ng-model="settings.RemoteMaxFileSize" />
                     </div>
                 </div>
-                <hr />
-                <h4>{{lbl.tools}}</h4><br />
+                <h4>{{lbl.tools}}</h4>
                 <div class="form-group">
                     <p>{{lbl.selectSavedBlogMlFle}}</p>
                     <button class="btn btn-default btn-input-file next">{{lbl.import}}</button>

BlogEngine/BlogEngine.NET/admin/app/settings/basicView.html

@@ -5,7 +5,7 @@ <h2 class="page-title pull-left">{{lbl.basic}}</h2>
             <button data-ng-click="save()" class="btn btn-success btn-sm btn-hasicon pull-left" type="button"><i class="fa fa-check"></i>{{lbl.save}}</button>
         </div>
         <div class="content-inner">
-            <div class="form-width-limited">
+            <div class="form-content">
                 <div class="form-group">
                     <label for="txtName">Blog Title</label>
                     <input type="text" class="form-control" id="txtName" name="txtName" data-ng-model="settings.Name" />

BlogEngine/BlogEngine.NET/admin/app/settings/commentView.html

@@ -5,7 +5,7 @@ <h2 class="page-title pull-left">{{lbl.comments}}</h2>
             <button data-ng-click="save()" class="btn btn-success btn-hasicon btn-sm pull-left" type="button"><i class="fa fa-check"></i>{{lbl.save}}</button>
         </div>
         <div class="content-inner">
-            <div class="form-width-limited">
+            <div class="form-content">
                 <div class="form-group">
                     <h4>Comments provider</h4>
                     <div class="row">
@@ -14,9 +14,8 @@ <h4>Comments provider</h4>
                         <div class="col-md-4"><div class="radio"><label><input type="radio" value="2" data-ng-model="settings.CommentProvider" ng-change="selectProvider('fb')" /> Facebook</label></div></div>
                     </div>
                 </div>
-                <hr />
                 <div id="be-provider">
-                    <h4>BlogEngine</h4>
+                    <h4>BlogEngine Comment</h4>
                     <div class="checkbox"><label><input type="checkbox" name="ckIsCommentsEnabled" ng-model="settings.IsCommentsEnabled" ng-disabled="settings.CommentProvider > 0" /> {{lbl.enableComments}}</label></div>
                     <div class="checkbox"><label><input type="checkbox" name="ckEnableCommentsModeration" ng-model="settings.EnableCommentsModeration" ng-disabled="settings.IsCommentsEnabled == false || settings.CommentProvider > 0" /> {{lbl.enableCommentsModeration}}</label></div>
                     <div class="checkbox"><label><input type="checkbox" ng-model="settings.TrustAuthenticatedUsers" ng-disabled="settings.IsCommentsEnabled == false || settings.CommentProvider > 0" /> {{lbl.trustAuthenticated}}</label></div>
@@ -29,7 +28,7 @@ <h4>BlogEngine</h4>
                     </div>
                 </div>
                 <div id="dq-provider">
-                    <h4>Disqus</h4>
+                    <h4>Disqus Comment</h4>
                     <div class="form-group">
                         <div class="alert alert-info" data-ng-bind-html="lbl.disqusSignupMessage"></div>
                         <div class="form-group">
@@ -41,7 +40,7 @@ <h4>Disqus</h4>
                     </div>
                 </div>
                 <div id="fb-provider">
-                    <h4>Facebook</h4>
+                    <h4>Facebook Comment</h4>
                     <div class="form-group">
                         <label>Facebook App Id</label>
                         <input type="text" class="form-control ltr-dir" id="txtFacebookAppId" data-ng-model="settings.FacebookAppId" />
@@ -51,7 +50,6 @@ <h4>Facebook</h4>
                         <select id="selFacebookLang" class="form-control" data-ng-options="o.OptionName for o in vm.FacebookLanguages" data-ng-model="selFacebookLanguage"></select>
                     </div>
                 </div>
-                <hr />
                 <h4>{{lbl.avatars}}</h4>
                 <div class="row">
                     <div class="col-md-6">

BlogEngine/BlogEngine.NET/admin/app/settings/controlView.html

@@ -5,7 +5,7 @@ <h2 class="page-title pull-left">{{lbl.controls}}</h2>
             <button data-ng-click="save()" class="btn btn-success btn-sm btn-hasicon pull-left" type="button"><i class="fa fa-check"></i>{{lbl.save}}</button>
         </div>
         <div class="content-inner">
-            <div class="form-width-limited">
+            <div class="form-content">
                 <h4>{{lbl.contactForm}}</h4>
                 <div class="form-group">
                     <label for="txtContactFormMessage">{{lbl.formMessage}}</label>
@@ -29,7 +29,6 @@ <h4>{{lbl.contactForm}}</h4>
                         </div>
                     </div>
                 </div>
-                <hr />
                 <h4>{{lbl.errorPage}}</h4>
                 <div class="form-group">
                     <label for="txtErrorTitle">{{lbl.txtErrorTitle}}</label>
@@ -39,7 +38,6 @@ <h4>{{lbl.errorPage}}</h4>
                     <label for="txtErrorText">{{lbl.txtErrorText}}</label>
                     <textarea class="form-control ltr-dir" rows="3" id="txtErrorText" data-ng-model="settings.ErrorText"></textarea>
                 </div>
-                <hr />
                 <h4>{{lbl.customCode}}</h4>
                 <div class="form-group">
                     <label for="txtHtmlHeader">{{lbl.addCustomCodeToHeader}}</label>

BlogEngine/BlogEngine.NET/admin/app/settings/emailView.html

@@ -6,7 +6,7 @@ <h2 class="page-title pull-left">{{lbl.email}}</h2>
             <button data-ng-click="testEmail()" class="btn btn-primary btn-hasicon btn-sm pull-left" type="button"><i class="fa fa-envelope-o"></i>{{lbl.testEmailSettings}}</button>
         </div>
         <div class="content-inner">
-            <div class="form-width-limited">
+            <div class="form-content">
                 <div class="form-group">
                     <label for="txtEmail">{{lbl.emailAddress}}</label>
                     <input type="text" class="form-control ltr-dir" id="txtEmail" name="txtEmail" data-ng-model="settings.Email" />