MVC and Angular Js Code helper

Friday, June 12, 2015

Retrieve Data in Angular Js from Web Api as HttpResponseMessage

<!DOCTYPE html>
<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

    <div ng-app="myApp" ng-controller="customersCtrl">

        <ul>
            <li ng-repeat="x in names">
                {{ x.Name + ', ' + x.Country }}
            </li>
        </ul>

    </div>

    <script>
        var app = angular.module('myApp', []);
        app.controller('customersCtrl', function ($scope, $http) {
            $http.get("/api/Home/getperson").success(function (data) {
                alert(JSON.stringify(data));
                $scope.names = data;
            });
        });
    </script>

</body>
</html>






    public class records
    {
        public string Name { get; set; }
        public string City { get; set; }
        public string Country { get; set; }
    }
    public class HomeController : ApiController
    {
        public HttpResponseMessage getperson()
        {
            var data = new List();
            records item1 = new records();
            item1.Name = "Name1";
            item1.City = "City1";
            item1.Country = "Country1";
            data.Add(item1);
            records item2 = new records();
            item2.Name = "Name2";
            item2.City = "City2";
            item2.Country = "Country2";
            data.Add(item2);
            records item3 = new records();
            item3.Name = "Name3";
            item3.City = "City3";
            item3.Country = "Country3";
            data.Add(item3);

            return Request.CreateResponse(HttpStatusCode.OK, data);
        }
    }

Thursday, June 11, 2015

Angular Js Upper Case And Lower Case

Code Helper

<!DOCTYPE html>
<html>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>

    <div ng-app="myApp" ng-controller="personCtrl">

        <p>The name is {{ firstName | uppercase }}</p>
        <p>The name is {{ lastName | lowercase }}</p>

    </div>

    <script type="text/javascript">
        angular.module('myApp', []).controller('personCtrl', function ($scope) {
            $scope.firstName = "jobin";
            $scope.lastName = "jonny";
        });
    </script>
</body>
</html>

Monday, April 6, 2015

File Download using Java Script

Code Helper


<script>
        function saveTextAsFile() {
            var textToWrite = document.getElementById("inputTextToSave").value;
            var textFileAsBlob = new Blob([textToWrite], { type: 'text/plain' });
            var fileNameToSaveAs = "myNewFile.txt";
            var downloadLink = document.createElement("a");
            downloadLink.download = fileNameToSaveAs;
            downloadLink.innerHTML = "My Hidden Link";
            window.URL = window.URL || window.webkitURL;
            downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
            downloadLink.onclick = destroyClickedElement;
            downloadLink.style.display = "none";
            document.body.appendChild(downloadLink);
            downloadLink.click();
        }

        function destroyClickedElement(event) {
            document.body.removeChild(event.target);
        }
    </script>
</head>
<body>
    <textarea id="inputTextToSave" style="width:512px;height:256px"></textarea>
    <button onclick="saveTextAsFile()">Save Text to File</button>
</body>

Saturday, March 28, 2015

Encryption and Decryption in javascript and c#

Code Helper

javascript
<script src="http://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/aes.js "></script>
    <script type="text/javascript">

        function SubmitsEncry() {

            debugger;
            var txtUserName = "Please enter UserName";

            var key = CryptoJS.enc.Utf8.parse('8080808080808080');
            var iv = CryptoJS.enc.Utf8.parse('8080808080808080');

            var encrypted = CryptoJS.AES.encrypt(CryptoJS.enc.Utf8.parse(txtUserName), key,
            {
                keySize: 128 / 8,
                iv: iv,
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7
            });
            var decrypted = CryptoJS.AES.decrypt(encrypted, key,
               {
                   keySize: 128 / 8,
                   iv: iv,
                   mode: CryptoJS.mode.CBC,
                   padding: CryptoJS.pad.Pkcs7
               });
            alert(decrypted.toString(CryptoJS.enc.Utf8));
        }
        SubmitsEncry();

    </script>

c#

 public ActionResult Index()
        {
            string s = "The brown fox jumped over the green frog";
            //string k = "urieurut";
            var encry = EncryptStringAES(s);
            var sss = DecryptStringAES(encry);
            return View();
        }
        public static string DecryptStringAES(string cipherText)
        {
            var keybytes = Encoding.UTF8.GetBytes("8080808080808080");
            var iv = Encoding.UTF8.GetBytes("8080808080808080");

            var encrypted = Convert.FromBase64String(cipherText);
            var decriptedFromJavascript = DecryptStringFromBytes(encrypted, keybytes, iv);
            return string.Format(decriptedFromJavascript);
        } 
        private static string DecryptStringFromBytes(byte[] cipherText, byte[] key, byte[] iv)
        {
            // Check arguments.  
            if (cipherText == null || cipherText.Length <= 0)
            {
                throw new ArgumentNullException("cipherText");
            }
            if (key == null || key.Length <= 0)
            {
                throw new ArgumentNullException("key");
            }
            if (iv == null || iv.Length <= 0)
            {
                throw new ArgumentNullException("key");
            }

            // Declare the string used to hold  
            // the decrypted text.  
            string plaintext = null;

            // Create an RijndaelManaged object  
            // with the specified key and IV.  
            using (var rijAlg = new RijndaelManaged())
            {
                //Settings  
                rijAlg.Mode = CipherMode.CBC;
                rijAlg.Padding = PaddingMode.PKCS7;
                rijAlg.FeedbackSize = 128;

                rijAlg.Key = key;
                rijAlg.IV = iv;

                // Create a decrytor to perform the stream transform.  
                var decryptor = rijAlg.CreateDecryptor(rijAlg.Key, rijAlg.IV);

                try
                {
                    // Create the streams used for decryption.  
                    using (var msDecrypt = new MemoryStream(cipherText))
                    {
                        using (var csDecrypt = new CryptoStream(msDecrypt, decryptor, CryptoStreamMode.Read))
                        {

                            using (var srDecrypt = new StreamReader(csDecrypt))
                            {
                                // Read the decrypted bytes from the decrypting stream  
                                // and place them in a string.  
                                plaintext = srDecrypt.ReadToEnd();

                            }

                        }
                    }
                }
                catch
                {
                    plaintext = "keyError";
                }
            }

            return plaintext;
        }

        public static string EncryptStringAES(string plainText)
        {
            var keybytes = Encoding.UTF8.GetBytes("8080808080808080");
            var iv = Encoding.UTF8.GetBytes("8080808080808080");

            var encryoFromJavascript = EncryptStringToBytes(plainText, keybytes, iv);
            return Convert.ToBase64String(encryoFromJavascript);
        }  


        private static byte[] EncryptStringToBytes(string plainText, byte[] key, byte[] iv)
        {
            // Check arguments.  
            if (plainText == null || plainText.Length <= 0)
            {
                throw new ArgumentNullException("plainText");
            }
            if (key == null || key.Length <= 0)
            {
                throw new ArgumentNullException("key");
            }
            if (iv == null || iv.Length <= 0)
            {
                throw new ArgumentNullException("key");
            }
            byte[] encrypted;
            // Create a RijndaelManaged object  
            // with the specified key and IV.  
            using (var rijAlg = new RijndaelManaged())
            {
                rijAlg.Mode = CipherMode.CBC;
                rijAlg.Padding = PaddingMode.PKCS7;
                rijAlg.FeedbackSize = 128;

                rijAlg.Key = key;
                rijAlg.IV = iv;

                // Create a decrytor to perform the stream transform.  
                var encryptor = rijAlg.CreateEncryptor(rijAlg.Key, rijAlg.IV);

                // Create the streams used for encryption.  
                using (var msEncrypt = new MemoryStream())
                {
                    using (var csEncrypt = new CryptoStream(msEncrypt, encryptor, CryptoStreamMode.Write))
                    {
                        using (var swEncrypt = new StreamWriter(csEncrypt))
                        {
                            //Write all data to the stream.  
                            swEncrypt.Write(plainText);
                        }
                        encrypted = msEncrypt.ToArray();
                    }
                }
            }
            // Return the encrypted bytes from the memory stream.  
            return encrypted;
        }

Monday, January 5, 2015

Tree View Structure From DataBase

Code Helper

        [HttpGet]
        public List getValue(int id)
        {

            var dataList = nodeList().Where(x => x.parentID == 0).ToList();
            List nList = new List();
            foreach (var item in dataList)
            {
                node i = new node();
                i.name = item.name;
                FillChild(i, item.ID);
                nList.Add(i);
            }

            return nList;
        }

        public static List nodeList()
        {
            var nodeList = new List();
            var node1 = new nodeDB();
            node1.ID = 1;
            node1.name = "node1";
            node1.parentID = 0;
            nodeList.Add(node1);
            var node2 = new nodeDB();
            node2.ID = 2;
            node2.name = "node2";
            node2.parentID = 1;
            nodeList.Add(node2);
            var node3 = new nodeDB();
            node3.ID = 3;
            node3.name = "node3";
            node3.parentID = 2;
            nodeList.Add(node3);
            var node4 = new nodeDB();
            node4.ID = 4;
            node4.name = "node4";
            node4.parentID = 0;
            nodeList.Add(node4);
            var node5 = new nodeDB();
            node5.ID = 5;
            node5.name = "node5";
            node5.parentID = 4;
            nodeList.Add(node5);
            return nodeList;
        }
        public int FillChild(node parent, int ID)
        {
            var data = nodeList().Where(x => x.parentID == ID).ToList();
            if (data.Count > 0)
            {
                foreach (var item in data)
                {
                    node child = new node();
                    child.name = item.name;
                    int tempID = item.ID;
                    parent.nodes.Add(child);
                    FillChild(child, tempID);
                }
                return 0;
            }
            else
            {
                return 0;
            }
        }

Saturday, January 3, 2015

AngularJs Bootstrap TreeView

Code Helper

<!DOCTYPE html>



<html ng-app="plunker">
<head>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
    <script src="http://ci.angularjs.org/job/angularui-bootstrap/ws/dist/ui-bootstrap-tpls-0.1.1-SNAPSHOT.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" />
     @*<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">*@


   
    <script src="~/Script/app/Home/DialogDeomoCtrl.js"></script>
    <link href="~/CSS/stytree.css" rel="stylesheet" />
</head>
<body>
    <div ng-controller="DialogDemoCtrl" >
        <div class="span5 article-tree">
            <div ng-style="{'overflow': 'auto'}" >

                <script type="text/ng-template" id="tree_item_renderer" >

            <span  ng-click="nodeClicked(data)"  >
         
             <i class="{{ switcher( isLeaf(data), '', 'icon-minus-sign' )}}"></i> 
            {{showNode(data)}}
            </span>
             <a href="">{{data.name + ' Edit'}}</a> 
            
            <ul class="some" ng-show="data.show">       
           
            <li ng-repeat="data in data.nodes" class="parent_li"  ng-include="'tree_item_renderer'" tree-node></li>
            </ul>
            </script>

                <div class="tree well">



                    <ul>
                        <li ng-repeat="data in displayTree" ng-include="'tree_item_renderer'" data-ng-click="loadconfig()"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

</body>
</html>







angular.module('plunker', ['ui.bootstrap', 'ngResource']);
function DialogDemoCtrl($scope, $dialog, $resource) {

    //$scope.isExecuted = false;
   
   
    //buildEmptyTree();
    $scope.title = "visible";
    $scope.count = 0;
    $scope.loadconfig = function () {
        if ($scope.count == 0)
        {
            treeConfig();
            $scope.count = 1;
        }
        console.log('load: ' + new Date().getMilliseconds());
       
    }
    
    read('getvalue', { id: 123 });
    $scope.selectedNode = "";
   


    $scope.showNode = function (data) {

        //console.log(data);

        return data.name;

    };

    $scope.isClient = function (selectedNode) {

        if (selectedNode == undefined) {
            return false;
        }

        if (selectedNode.device_name != undefined) {
            return true;
        }

        return false;
    };
    
    function read(action, params) {
        console.log('read: ' + new Date().getMilliseconds());
        var resource = $resource('api/Home/' + action, params, { action: { method: 'GET', isArray: true } });
        resource.action(params).$promise.then(function (d) {
            $scope.displayTree = d;

        });
    };


}

function treeConfig() {



    var title = $('.tree li:has(ul)').find('.parent_li').find(' > span').attr('title');
    if (title == undefined) {
        // alert(title + "   out");
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
    }

    $('.tree li.parent_li > span').on('click', function (e) {
        var children = $(this).parent('li.parent_li').find(' > ul > li');
        if (children.is(":visible")) {
            var title = $(this).attr('title');
            //   alert(title + "   visible");
            if (title == "Collapse this branch") {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
            }
        } else if (children.is(":hidden")) {
            var title = $(this).attr('title');
            //   alert(title + "   hidden");
            if (title == "Expand this branch") {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
            }
        }
        e.stopPropagation();

    });
}




.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}

Tuesday, October 21, 2014

URL Rewrite

Code Helper

void Application_BeginRequest(object sender, EventArgs e)
    {
        string URL_Path = Request.Path.ToLower();

        if (URL_Path.StartsWith("/news/"))
        {
            URL_Path = URL_Path.Trim('/');
            string NewsID = URL_Path.Substring(URL_Path.IndexOf("/"));
            HttpContext MyContext = HttpContext.Current;
            MyContext.RewritePath("/default.aspx?News=" + NewsID);
        }

    }

MVC and Angular Js Code helper

Latest Posts

Friday, June 12, 2015

Retrieve Data in Angular Js from Web Api as HttpResponseMessage

Thursday, June 11, 2015

Angular Js Upper Case And Lower Case

Monday, April 6, 2015

File Download using Java Script

Saturday, March 28, 2015

Encryption and Decryption in javascript and c#

Monday, January 5, 2015

Tree View Structure From DataBase

Saturday, January 3, 2015

AngularJs Bootstrap TreeView

Tuesday, October 21, 2014

URL Rewrite

Blog Archive

Popular Posts

Category