短信界面

talkview/src/js/controller/smsController.js

@@ -0,0 +1,7 @@
+'use strict';
+
+angular.module('appMessage').controller('SmsController', ['$scope', '$state', function($scope, $state) {
+
+    //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
+
+}]);

talkview/src/js/router.js

@@ -7,7 +7,7 @@ angular.module('appMessage').run(['$rootScope', '$state', '$stateParams',
     function($stateProvider, $urlRouterProvider, $compileProvider) {
         $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|local):/);
         $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local):/);
-        $urlRouterProvider.otherwise('/messages'); //
+        $urlRouterProvider.otherwise('/smsSend'); //
         $stateProvider.state('messages', {
                 url: '/messages',
                 templateUrl: 'templates/messages.html',
@@ -22,6 +22,11 @@ angular.module('appMessage').run(['$rootScope', '$state', '$stateParams',
                 url: '/details',
                 templateUrl: 'templates/details-right.html',
                 controller: 'UserController'
+            })
+            .state('smsSend', {
+                url: '/smsSend',
+                templateUrl: 'templates/smsSend.html',
+                controller: 'SmsController'
             });
     }
 ]);

talkview/src/less/app.main.less

@@ -100,23 +100,22 @@
         margin-top: 12px;
         margin-bottom: 0px;
         margin-right: 20px;
-        padding: 7px 12px 7px 12px;
+        padding: 7px 12px 7px 14px;
         font-size: 12px;
         line-height: 16px;
-        /*.text-point {
-            z-index: 99;
-            position:absolute;
-            top:10px;
-            left:60px;
+        .text-point {
+            float: left;
+            margin-left: -30px;
+            z-index: -99;
             width:0;
             height:0;
             font-size:0;
-            border-top:solid 6px;
-            border-bottom:solid 6px;
+            border-top:solid 5px;
+            border-bottom:solid 5px;
             border-right: solid 10px;
             border-left: solid 10px;
-            border-color:transparent #000 transparent transparent;
-        }*/
+            border-color:transparent #EEEEEE transparent transparent;
+        }
     }
 }
 .wellself {
@@ -131,31 +130,31 @@
     box-shadow: none;
     outline: none;
     margin-left: 20px;
-    margin-top: 11px;
+    margin-top: 10px;
     margin-bottom: 0px;
     margin-right: 8px;
-    padding: 7px 12px 7px 12px;
+    padding: 7px 14px 7px 12px;
     font-size: 12px;
     line-height: 16px;
-    /*.text-point {
-        z-index: 99;
-        position:absolute;
-        top:7px;
-        left:97px;
+    .text-point {
+        float: right;
+        margin-right: -30px;
+        z-index: -99;
         width:0;
         height:0;
         font-size:0;
-        border-top:solid 6px;
-        border-bottom:solid 6px;
+        border-top:solid 5px;
+        border-bottom:solid 5px;
         border-right: solid 10px;
         border-left: solid 10px;
         border-color:transparent transparent transparent #009EE0;
-    }*/
+    }
 }
+//
 .fit-content {
     width: fit-content;
 }
-//
+
 .text-message{
     vertical-align: bottom;
     .thumbnail {
@@ -166,7 +165,7 @@
         max-height: 300px;
     }
 }
-
+//
 .contact-box.center-version {
     display: block;
     background-color: #ffffff;
@@ -176,11 +175,6 @@
     font-size: 13px;
 }
 
-.displayName{
-        font-weight: 700;
-        font-size: 16px;
-}
-
 .map {
     width: 370px;
 	height: 170px;
@@ -191,7 +185,6 @@
     display: block;
 }
 
-///Message
 .file-message {
     background-color: #fff;
     padding: 8px;
@@ -250,6 +243,7 @@
         color: #4EA9E9;
     }
 }
+//
 [scroll-glue-top],
 [scroll-glue-bottom],
 [scroll-glue]{
@@ -580,4 +574,76 @@ body {
 
   100% {background-position: -72.5px -5px;}
 
+}
+
+.smsView {
+    width: 600px;
+    height: 500px;
+    margin: 100px auto;
+    background: #F5FAFE;
+    border: 1px solid #ccc;
+    font-size: 12px;
+    #sms-set {
+        height: 45px;
+        background: #F5F5F5;
+        button {
+            float: right;
+            height: 25px;
+            width: 75px;
+            padding: 0px;
+            margin: 10px 20px;
+            font-size: 12px;
+            >span {
+                padding-right: 2px;
+            }
+        }
+    }
+    #sms-manage {
+        height: 45px;
+        background: #F5FAFE;
+        button {
+            float: left;
+            height: 25px;
+            width: 75px;
+            padding: 0px;
+            margin: 10px 5px;
+            font-size: 12px;
+            background: #5A98DE;
+            border: #5A98DE;
+            >span {
+                padding-right: 2px;
+            }
+        }
+    }
+    #sms-mob {
+        height: 30px;
+        .input-group {
+            margin: 5px 10px 5px 0px;
+            >span {
+                font-size: 12px;
+                border: none;
+                background: #F5FAFE;
+            }
+            >input {
+                height: 25px;
+                padding: 2px;
+                font-size: 10px;
+            }
+        }
+    }
+    #sms-media {
+        height: 200px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        margin: 0px 10px;
+        background: #fff;
+    }
+    #sms-inbox {
+        height: 100px;
+        border: 1px solid #ccc;
+        border-radius: 5px;
+        margin: 10px;
+        padding: 5px;
+        background: #fff;
+    }
 }

talkview/src/templates/smsSend.html

@@ -0,0 +1,21 @@
+<div class="smsView">
+    <div id="sms-set">
+        <button type="button" class="btn btn-success"><span class="glyphicon glyphicon-time"></span>定时发送</button>
+    </div>
+    <div style="border-top:solid 1px #ccc;"></div>
+    <div id="sms-manage">
+        <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-log-out"></span>短信群发</button>
+        <button type="button" class="btn btn-primary"><span class="glyphicon glyphicon-wrench"></span>短信管理</button>
+    </div>
+    <div style="border-top:solid 1px #ccc;"></div>
+    <div id="sms-mob">
+        <div class="input-group">
+            <span class="input-group-addon" id="basic-addon3">手机号码</span>
+            <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
+        </div>
+    </div>
+    <div id="sms-media">
+    </div>
+    <div id="sms-inbox" contenteditable="true">
+    </div>
+</div>