ionic-Material Design , Codecanyon

IonicMaterialDesign/www/templates/share-application-content/email-message/html/contract-us.html

@@ -0,0 +1,75 @@
+<!--View Information-->
+<!--View name : Contract Us-->
+<!--Controller name : contractUsCtrl-->
+<!--Controller path : www/templates/share-application-content/email-message/js/controllers.js-->
+<!--State name : app.contractUs-->
+<!--URL : #app/contractUs-->
+
+<ion-view view-title="">
+    <!--toolbar section-->
+    <md-toolbar class="md-tall md-primary toolbar-with-image">
+        <div>
+            <h1>Contract Us</h1>
+
+            <h2>We love Material Design</h2>
+        </div>
+    </md-toolbar>
+    <!--end toolbar section-->
+
+    <!--button section-->
+    <a class="md-button md-accent md-fab fab-toolbar-medium"
+       ng-click="callTo(contractInfo.telephone)"
+       aria-label="Add">
+        <i class="ion-android-call"></i>
+    </a><!--end button section-->
+
+    <!--contract us section-->
+    <ion-content id="contract-us-content">
+        <!--header section-->
+        <div class="row header">
+            <div class="col">
+                Contact Our Team:
+            </div>
+
+        </div> <!--end header section-->
+
+        <!--content section-->
+        <div class="row content">
+            <div class="col-75">
+                {{contractInfo.email}}
+            </div>
+            <div class="col-25">
+                <i class="ion-android-mail" ng-click="sentEmail(contractInfo.email)"></i>
+            </div>
+        </div>
+
+        <div class="row content">
+            <div class="col-75">
+                {{contractInfo.telephone}}
+            </div>
+            <div class="col-25">
+                <i class="ion-android-textsms" ng-click="sentSms(contractInfo.telephone)"></i>
+            </div>
+        </div>
+
+        <div class="row header">
+            <div class="col">
+                Address:
+            </div>
+        </div>
+        <div class="row content">
+            <div class="col-90">
+                99 Sukhumvit Road
+                <br/>
+                Bangkok Thailand
+            </div>
+
+        </div>
+        <div class="row content">
+            <div class="col-90">
+                Please contract us if you have any questions.
+            </div>
+        </div>
+        <!--end content section-->
+    </ion-content><!--end contract us section-->
+</ion-view>

IonicMaterialDesign/www/templates/share-application-content/email-message/js/controllers.js

@@ -0,0 +1,72 @@
+// For sent email you have to install $cordovaSocialSharing by running the following
+// command in your cmd.exe for windows or terminal for mac:
+// $ cd your_project_path
+// $ ionic plugin remove nl.x-services.plugins.socialsharing
+// $ ionic plugin add https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin.git
+// 
+// Learn more about $cordovaSocialSharing :
+// http://ngcordova.com/docs/plugins/socialSharing/
+// 
+// For sent message you have to install $cordovaSMS by running the following
+// command in your cmd.exe for windows or terminal for mac:
+// $ cd your_project_path
+// $ ionic plugin remove com.cordova.plugins.sms
+// $ ionic plugin add https://github.com/cordova-sms/cordova-sms-plugin.git
+// 
+// Learn more about $cordovaSMS :
+// http://ngcordova.com/docs/plugins/sms/
+// 
+//
+// For using mobile calling you must go to yourProjectPath/config.xml 
+// and put this following code in the access area.
+// <access origin="tel:*" launch-external="yes"/>
+// 
+// Controller of contract us page.
+appControllers.controller('contractUsCtrl', function ($scope, $cordovaSocialSharing, $cordovaSms) {
+
+    // This function is the first activity in the controller. 
+    // It will initial all variable data and let the function works when page load.
+    $scope.initialForm = function () {
+        // $scope.contractInfo is store contract us data
+        $scope.contractInfo = {
+            telephone: "099-999-9999",
+            email: "ionicmaterialdesign@gmail.com"
+        };
+    };// End initialForm.
+
+    // sentSms is for send message by calling $cordovaSms
+    // Parameter :  
+    // phoneNumber = number of sending message
+    $scope.sentSms = function (phoneNumber) {
+        //config options to sent message
+        var options = {
+            replaceLineBreaks: false, // true to replace \n by a new line, false by default.
+            android: {
+                intent: 'INTENT' // send SMS with the native android SMS messaging.
+                //intent: '' // send SMS without open any other app.
+            }
+        };
+        // calling $cordovaSms to sent message
+        $cordovaSms.send(phoneNumber, " ", options);
+    } // End sentSms.
+
+    // sentEmail is for send email by calling $cordovaSocialSharing.
+    // Parameter :  
+    // email = email of receiver
+    $scope.sentEmail = function (email) {
+        $cordovaSocialSharing.shareViaEmail("", "", email, "", "", "");
+        // format of sent email by using $cordovaSocialSharing is :
+        //$cordovaSocialSharing.shareViaEmail(message, subject, toArr, ccArr, bccArr,file)
+        // toArr, ccArr and bccArr must be an array, file can be either null, string or array.
+    } // End sentEmail.
+
+    // callTo is for using mobile calling.
+    // Parameter :  
+    // number = number that going to call.
+    $scope.callTo = function (number) {
+        window.open("tel:" + number);
+    }// End callTo.
+
+    $scope.initialForm();
+
+});// End of contract us controller.