Igor Kulikov
9 years ago
17 changed files with 290 additions and 29 deletions
@ -0,0 +1,58 @@ |
|||||
|
/* |
||||
|
* Copyright © 2016-2017 The Thingsboard Authors |
||||
|
* |
||||
|
* Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
* you may not use this file except in compliance with the License. |
||||
|
* You may obtain a copy of the License at |
||||
|
* |
||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
* |
||||
|
* Unless required by applicable law or agreed to in writing, software |
||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
* See the License for the specific language governing permissions and |
||||
|
* limitations under the License. |
||||
|
*/ |
||||
|
|
||||
|
/* eslint-disable import/no-unresolved, import/default */ |
||||
|
|
||||
|
import socialsharePanelTemplate from './socialshare-panel.tpl.html'; |
||||
|
|
||||
|
/* eslint-enable import/no-unresolved, import/default */ |
||||
|
|
||||
|
|
||||
|
export default angular.module('thingsboard.directives.socialsharePanel', []) |
||||
|
.directive('tbSocialSharePanel', SocialsharePanel) |
||||
|
.name; |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function SocialsharePanel() { |
||||
|
return { |
||||
|
restrict: "E", |
||||
|
scope: true, |
||||
|
bindToController: { |
||||
|
shareTitle: '@', |
||||
|
shareText: '@', |
||||
|
shareLink: '@', |
||||
|
shareHashTags: '@' |
||||
|
}, |
||||
|
controller: SocialsharePanelController, |
||||
|
controllerAs: 'vm', |
||||
|
templateUrl: socialsharePanelTemplate |
||||
|
}; |
||||
|
} |
||||
|
|
||||
|
/*@ngInject*/ |
||||
|
function SocialsharePanelController(utils) { |
||||
|
|
||||
|
let vm = this; |
||||
|
|
||||
|
vm.isShareLinkLocal = function() { |
||||
|
if (vm.shareLink && vm.shareLink.length > 0) { |
||||
|
return utils.isLocalUrl(vm.shareLink); |
||||
|
} else { |
||||
|
return true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,62 @@ |
|||||
|
<!-- |
||||
|
|
||||
|
Copyright © 2016-2017 The Thingsboard Authors |
||||
|
|
||||
|
Licensed under the Apache License, Version 2.0 (the "License"); |
||||
|
you may not use this file except in compliance with the License. |
||||
|
You may obtain a copy of the License at |
||||
|
|
||||
|
http://www.apache.org/licenses/LICENSE-2.0 |
||||
|
|
||||
|
Unless required by applicable law or agreed to in writing, software |
||||
|
distributed under the License is distributed on an "AS IS" BASIS, |
||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
|
See the License for the specific language governing permissions and |
||||
|
limitations under the License. |
||||
|
|
||||
|
--> |
||||
|
|
||||
|
<div layout="row" ng-show="!vm.isShareLinkLocal()"> |
||||
|
<md-button class="md-icon-button md-raised md-primary" |
||||
|
socialshare |
||||
|
socialshare-provider="facebook" |
||||
|
socialshare-title="{{ vm.shareTitle }}" |
||||
|
socialshare-text="{{ vm.shareText }}" |
||||
|
socialshare-url="{{ vm.shareLink }}"> |
||||
|
<ng-md-icon icon="facebook" aria-label="Facebook"></ng-md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'action.share-via' | translate:{provider:'Facebook'} }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
<md-button class="md-icon-button md-raised md-primary" |
||||
|
socialshare |
||||
|
socialshare-provider="twitter" |
||||
|
socialshare-text="{{ vm.shareTitle }}" |
||||
|
socialshare-hashtags="{{ vm.shareHashTags }}" |
||||
|
socialshare-url="{{ vm.shareLink }}"> |
||||
|
<ng-md-icon icon="twitter" aria-label="Twitter"></ng-md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'action.share-via' | translate:{provider:'Twitter'} }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
<md-button class="md-icon-button md-raised md-primary" |
||||
|
socialshare |
||||
|
socialshare-provider="linkedin" |
||||
|
socialshare-text="{{ vm.shareTitle }}" |
||||
|
socialshare-url="{{ vm.shareLink }}"> |
||||
|
<ng-md-icon icon="linkedin" aria-label="Linkedin"></ng-md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'action.share-via' | translate:{provider:'Linkedin'} }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
<md-button class="md-icon-button md-raised md-primary" |
||||
|
socialshare |
||||
|
socialshare-provider="reddit" |
||||
|
socialshare-text="{{ vm.shareTitle }}" |
||||
|
socialshare-url="{{ vm.shareLink }}"> |
||||
|
<md-icon md-svg-icon="mdi:reddit" aria-label="Reddit"></md-icon> |
||||
|
<md-tooltip md-direction="top"> |
||||
|
{{ 'action.share-via' | translate:{provider:'Reddit'} }} |
||||
|
</md-tooltip> |
||||
|
</md-button> |
||||
|
</div> |
||||
Loading…
Reference in new issue