IT4Change/ohmyform
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added 'copied' label after copy button is clicked

Browse Source
This commit is contained in:
David Baldwynn 2017-11-20 20:23:25 -08:00
parent f3f9232c62
commit 00d437ea1e
8 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/modules/forms/admin/config/i18n/english.js
View File

@ -65,6 +65,9 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
VIEW_MY_TELLFORM: 'View my tellform',
LIVE: 'Live',
PREVIEW: 'Preview',
//Share Tab
COPIED_LABEL: 'Copied',
COPY: 'Copy',
COPY_AND_PASTE: 'Copy and Paste this to add your TellForm to your website',
CHANGE_WIDTH_AND_HEIGHT: 'Change the width and height values to suit you best',

3
public/modules/forms/admin/config/i18n/french.js
View File

@ -65,6 +65,9 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
VIEW_MY_TELLFORM: "Afficher ma forme",
LIVE: "Live",
PREVIEW: 'Aperçu',
//Share Tab
COPIED_LABEL: 'Copié',
COPY: "Copier",
COPY_AND_PASTE: "Copiez et collez ceci pour ajouter votre TellForm à votre site Web",
CHANGE_WIDTH_AND_HEIGHT: "Changez les valeurs de largeur et de hauteur pour mieux vous convenir",

4
public/modules/forms/admin/config/i18n/german.js
View File

@ -65,9 +65,11 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
VIEW_MY_TELLFORM: 'Mein tellform anzeigen',
LIVE: 'Leben',
PREVIEW: 'Vorschau',
//Share Tab
COPIED_LABEL: 'Kopiert',
COPY: 'Kopieren',
COPY_AND_PASTE: 'Kopieren und einfügen, um Ihre TellForm auf Ihrer Website hinzuzufügen',
CHANGE_WIDTH_AND_HEIGHT: 'Ändern Sie die Werte für Breite und Höhe, um Ihnen am besten zu entsprechen',
POWERED_BY: 'Unterstützt von',
TELLFORM_URL: "Ihr TellForm ist dauerhaft unter dieser URL",

4
public/modules/forms/admin/config/i18n/italian.js
View File

@ -65,9 +65,11 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
VIEW_MY_TELLFORM: 'Visualizza la mia informazione',
LIVE: 'Live',
PREVIEW: 'Anteprima',
// Share Tab
COPIED_LABEL: "Copiato",
COPY: 'Copia',
COPY_AND_PASTE: 'Copia e incolla questo per aggiungere il tuo TellForm al tuo sito web',
CHANGE_WIDTH_AND_HEIGHT: 'Modifica i valori di larghezza e di altezza per adattarti al meglio',
POWERED_BY: 'Offerto da',
TELLFORM_URL: 'Il tuo TellForm è permanente in questo URL',

4
public/modules/forms/admin/config/i18n/spanish.js
View File

@ -65,9 +65,11 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
VIEW_MY_TELLFORM: 'Ver mi tellform',
LIVE: 'Online',
PREVIEW: 'Vista previa',
// Share Tab
COPIED_LABEL: 'Copiado',
COPY: 'Copiar',
COPY_AND_PASTE: 'Copiar y pegar esto para agregar su TellForm a su sitio web',
CHANGE_WIDTH_AND_HEIGHT: 'Cambie los valores de ancho y altura para adaptar el formulario a sus necesidades',
POWERED_BY: 'Con la tecnlogía de',
TELLFORM_URL: 'Tu TellForm está en esta URL permanente',

8
public/modules/forms/admin/directives/share-form.client.directive.js
View File

@ -11,7 +11,12 @@ angular.module('forms').directive('shareFormDirective', ['$rootScope', '$transla
controller: function($scope){
$scope.actualFormURL = $scope.actualformurl;
$scope.fullScreen = "<iframe id='iframe' src='" + $scope.actualFormURL + "' style='width:100%;height:500px;'></iframe>"+
$scope.isCopied = false;
$scope.onCopySuccess = function(){
$scope.isCopied = true;
}
$scope.embedCode = "<iframe id='iframe' src='" + $scope.actualFormURL + "' style='width:100%;height:500px;'></iframe>"+
"<div style='font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;'>"+
$translate.instant('POWERED_BY')+
"<a href='https://www.tellform.com' style='color: #999' target='_blank'>TellForm</a>"+
@ -32,6 +37,7 @@ angular.module('forms').directive('shareFormDirective', ['$rootScope', '$transla
];
$scope.go = function(tab){
$scope.isCopied = false;
tab.active = true;
$state.go(tab.route);
};

16
public/modules/forms/admin/views/adminTabs/shareTabs/embed_form.html
View File

@ -5,15 +5,23 @@
</div>
<div class="row">
<div class="col-sm-10 form-input">
<span ngclipboard data-clipboard-target="#copyEmbedded">
<span>
<div id="copyEmbedded" class="form-control">
{{ fullScreen }}
{{ embedCode }}
</div>
</span>
</div>
<div class="col-sm-2">
<button class="btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyEmbedded">
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
<button class="btn btn-secondary view-form-btn"
ngclipboard data-clipboard-text="{{embedCode}}" ngclipboard-success="onCopySuccess()">
<span ng-if="!isCopied">
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
</span>
<span ng-if="isCopied">
{{ 'COPIED_LABEL' | translate }}
</span>
</button>
</div>
</div>

12
public/modules/forms/admin/views/adminTabs/shareTabs/share_form.html
View File

@ -5,13 +5,19 @@
</div>
<div class="row">
<div class="col-sm-10 form-input">
<span ngclipboard data-clipboard-target="#copyURL">
<span>
<input id="copyURL" ng-value="actualFormURL" class="form-control ng-pristine ng-untouched ng-valid">
</span>
</div>
<div class="col-sm-2">
<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyURL">
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
<button class="btn btn-secondary view-form-btn"
ngclipboard data-clipboard-target="#copyURL" ngclipboard-success="onCopySuccess()">
<span ng-if="!isCopied">
{{ 'COPY' | translate }} <i class="fa fa-clipboard" aria-hidden="true"></i>
</span>
<span ng-if="isCopied">
{{ 'COPIED_LABEL' | translate }}
</span>
</button>
</div>
</div>