chore(adsense): integrate adsense

app/__module.js

@@ -11,6 +11,7 @@ angular.module('portainer', [
   'LocalStorageModule',
   'angular-jwt',
   'angular-google-analytics',
+  'angular-google-adsense',
   'angular-json-tree',
   'angular-loading-bar',
   'angular-clipboard',

app/portainer/views/sidebar/sidebar.html

@@ -57,12 +57,18 @@
       <li class="sidebar-list" ng-if="!applicationState.application.authentication || isAdmin">
         <a ui-sref="portainer.settings" ui-sref-active="active">Settings <span class="menu-icon fa fa-cogs fa-fw"></span></a>
         <div class="sidebar-sublist" ng-if="toggle && ($state.current.name === 'portainer.settings' || $state.current.name === 'portainer.settings.authentication' || $state.current.name === 'portainer.about') && applicationState.application.authentication && isAdmin">
-        <a ui-sref="portainer.settings.authentication" ui-sref-active="active">Authentication</a></div>
+          <a ui-sref="portainer.settings.authentication" ui-sref-active="active">Authentication</a>
+        </div>
         <div class="sidebar-sublist" ng-if="toggle && ($state.current.name === 'portainer.settings' || $state.current.name === 'portainer.settings.authentication' || $state.current.name === 'portainer.about')">
           <a ui-sref="portainer.about" ui-sref-active="active">About</a>
         </div>
       </li>
     </ul>
+    <center>
+      <div class="ads" ng-if="toggle">
+        <adsense ad-client="ca-pub-7198891301481203" ad-slot="8992247096" inline-style="display:inline-block;width:100%;height:100%"></adsense>
+      </div>
+    </center>
     <div class="sidebar-footer-content">
       <img src="images/logo_small.png" class="img-responsive logo" alt="Portainer">
       <span class="version">{{ uiVersion }}</span>

assets/css/app.css

@@ -315,6 +315,11 @@ ul.sidebar .sidebar-list a.active {
   background: #2d3e63;
 }
 
+.sidebar-content .ads {
+  width: 200px;
+  height: 200px;
+}
+
 .sidebar-header {
   height: 60px;
   list-style: none;
@@ -419,6 +424,9 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
 }
 
 @media (max-height: 785px) {
+  .sidebar-content .ads {
+    height: 130px;
+  }
   ul.sidebar .sidebar-title {
     line-height: 26px;
   }
@@ -439,6 +447,9 @@ ul.sidebar .sidebar-list .sidebar-sublist a.active {
 }
 
 @media(min-height: 786px) and (max-height: 924px) {
+  .sidebar-content .ads {
+    height: 180px;
+  }
   ul.sidebar .sidebar-title {
     line-height: 30px;
   }

package.json

@@ -28,6 +28,7 @@
     "angular": "~1.5.0",
     "angular-clipboard": "^1.6.2",
     "angular-cookies": "~1.5.0",
+    "angular-google-adsense": "^0.6.0",
     "angular-google-analytics": "github:revolunet/angular-google-analytics#~1.1.9",
     "angular-json-tree": "1.0.1",
     "angular-jwt": "~0.1.8",

vendor.yml

@@ -37,6 +37,7 @@ angular:
   - 'angular-ui-bootstrap/dist/ui-bootstrap-tpls.js'
   - 'angular-cookies/angular-cookies.js'
   - 'angular-google-analytics/dist/angular-google-analytics.js'
+  - 'angular-google-adsense/dist/angular-google-adsense.js'
   - 'angular-jwt/dist/angular-jwt.js'
   - 'angular-local-storage/dist/angular-local-storage.js'
   - 'angular-messages/angular-messages.js'

yarn.lock

@@ -99,6 +99,10 @@ angular-cookies@~1.5.0:
   version "1.5.11"
   resolved "https://registry.yarnpkg.com/angular-cookies/-/angular-cookies-1.5.11.tgz#88558de7c5044dcc3abeb79614d7ef8107ba49c0"
 
+angular-google-adsense@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/angular-google-adsense/-/angular-google-adsense-0.6.0.tgz#1fe077a785ce94a7ffc1c94789af2fbf7a0b7760"
+
 "angular-google-analytics@github:revolunet/angular-google-analytics#~1.1.9":
   version "1.1.8"
   resolved "https://codeload.github.com/revolunet/angular-google-analytics/tar.gz/92768a525870bc066dcf85fbe9d9f115358a6d91"