Tuesday, 10 May 2016

display 360 view of image using arqspin api call


string requesturl = "http://api.arqspin.com/nodeapi/search/"ArqspinAPIKey"?query=341;

this request send response like below

{"error":0,"spins":[{"shortid":"2g9yw634atmb5","title":
"341","caption":"","created_at":"2015-09-02T21:11:49.000Z",
"thumbnail":"http://spins0.arqspin.com/2g9yw634atmb5/thumbnail.jpg"}]}

create url using shortid in order to display in 360 view form

var resizeurl  = "//spins0.arqspin.com/iframe.html?spin=" + Obj360Image["spins"][0]["shortid"].ToString() + "&is=-0.16"


add above url in iframe src

<iframe style='border:solid 2px #ddd;' src='" + resizeurl + "' width=350 height=350></iframe>




below are the reference link

https://arqspin.com/seamlessly-integrate-spins-using-the-arqspin-query-api/

Open Model Popup using jquery


first add below js and css into your page.


1) jquery-{version}.js
2) bootstrap-model.js
3) bootstrap-model.css
4 ) bottstrap.min.css

Add below html code into your page.

   <div class="popupindex modal" id="mdProcesserror" style="top: 46% !important; margin-top: -281px;">
        <div class="modal-content" style="width: 169%; margin-left: -40%; ">
            <a href="#" data-dismiss="modal" class="popupmodel_close" onclick="resetModelPopUp()"> </a>
            <div class="modal-body">
                <div id="ProcesserrorBody">
                  Content Of Body
                </div>
            </div>

        </div>
    </div>


Add below styles


.popupindex.modal {
    width: 595px;
}
.popupmodel_close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url("../../../content/images/close.png") -40px 0px;
    cursor: pointer;
    z-index: 1103;
}

to open model popup when click on link button

  <a href="#" onclick="javascript: $('#mdProcesserror').modal();">Model Popup</a>




Monday, 30 November 2015

Upload files on rackspace

Add below configuration of your rackspace in app.config file


 <add key="CloudPath" value="https://147b762764b8984af47e-8da1470f1b1ef4d19e2dd6133421859bf.ssl.cf1.rackcdn.com/" />
    <add key="RackSpaceUserName" value="RackspaceUserName" />
    <add key="RackSpaceAPIKey" value="677ab75crf7d5d8aa74842a6f061da35" />
    <add key="RackSpaceRegion" value="ABC" />
    <add key="Container" value="Images" />

add below methods in class file and call UploadImage method


      public static string UploadImage(string container, string origImageFileName, string imageFullPath)
        {
            string imageFileName, = origImageFileName.ToLower();
            try
            {

                string region = string.IsNullOrEmpty(ConfigurationManager.AppSettings["RackSpaceRegion"]) ? "" : ConfigurationManager.AppSettings["RackSpaceRegion"];
                CloudFilesProvider cloudFilesProvider = getProvider();
             
             
                cloudFilesProvider.CreateObjectFromFile(container, imageFullPath, imageFileName, "image/jpeg", 4096, null, region, null, false);


             
            }
            catch (Exception ex)
            {
                WriteLog.GenerateMessageError(make, part, ex);
            }
            return imageFilePath;
        }


   private static CloudFilesProvider getProvider()
        {
            string rackUsername = string.IsNullOrEmpty(ConfigurationManager.AppSettings["RackSpaceUserName"]) ? "" : ConfigurationManager.AppSettings["RackSpaceUserName"];
            string rackApiKey = string.IsNullOrEmpty(ConfigurationManager.AppSettings["RackSpaceAPIKey"]) ? "" : ConfigurationManager.AppSettings["RackSpaceAPIKey"];


            CloudIdentity cloudIdentity =
                new CloudIdentity() { APIKey = rackApiKey, Username = rackUsername };
            return new CloudFilesProvider(cloudIdentity);
        }




Test Database connection on server


When you are on server and want to check connection then you can do with simple one file.

Below are the steps for that.

1) On desktop, create new text document file. it would be New Text Document.txt file.
2) Then change the extension of file name with .udl.
3) After then double click on file name it will open connection dialogue box as below.




















4) Enter your sql server credentials.
5) If all informations are right then dropdown of databse will filled by name of databases on server.



Friday, 9 October 2015

URL Rewrite Rules to redirect website to WWW and HTTPS in IIS

Here is rules to redirect website to website.com to www.website.com

Also if your website running in both http and https then you can write rules as per below.

 <rule name="Redirect http" patternSyntax="ECMAScript" stopProcessing="true">
          <match url=".*"></match>
          <conditions>
            <add input="{HTTP_HOST}" pattern="^website.com$"></add>
          </conditions>
          <action type="Redirect" url="http://www.website.com/{R:0}" redirectType="Permanent" appendQueryString="true"></action>
        </rule>
        <rule name="Redirect https" patternSyntax="ECMAScript" stopProcessing="true">
          <match url=".*"></match>
          <conditions>
            <add input="{HTTPS}" pattern="https://website.com$"></add>
          </conditions>
          <action type="Redirect" url="https://www.website.com/{R:0}" redirectType="Permanent" appendQueryString="true"></action>
        </rule>

Wednesday, 26 November 2014

Create CheckBoxList In Asp.net MVC


There is not any specific object like ChechboxList in MVC. yes you can install package and work with it
but you can do it without installing package.

Let's take one example.

you want to display days like below. you can take seven checkbox and to get value of it written seven times code to whether it is checked or not
in cotroller. instead of written seven times just create list object and create for loop and all values at controller side.



Model:

In model create static list
 public class CheckBoxItem
    {
        public string Name { get; set; }
        public string Value { get; set; }
        public string Label { get; set; }
        public bool Checked { get; set; }

    }



  public class EventModel
    {
        public EventModel()
        {
            WeekDays = DaysList();
        }

public List<CheckBoxItem> WeekDays { get; set; }

  public static List<CheckBoxItem> DaysList()
        {
            var list = new[]
            {
              new CheckBoxItem { Name = "Sunday", Value = "1", Label = "Sunday", Checked = false},
              new CheckBoxItem { Name = "Moday", Value = "2", Label = "Moday", Checked = false},
              new CheckBoxItem { Name = "Tuesday", Value = "3", Label = "TuesDay", Checked = false},
              new CheckBoxItem { Name = "Wednesday", Value = "3", Label = "Wednesday", Checked = false},
              new CheckBoxItem { Name = "Thursday", Value = "3", Label = "Thursday", Checked = false},
              new CheckBoxItem { Name = "Friday", Value = "3", Label = "Friday", Checked = false},
              new CheckBoxItem { Name = "Saturday", Value = "3", Label = "Saturday", Checked = false},

            };
            return list.ToList();
        }

}


View:

@for (int i = 0; i < EventTest.Models.EventModel.DaysList().Count(); i++)
         {
                 @Html.CheckBoxFor(m => m.WeekDays[i].Checked, new { id = @EventTest.Models.EventModel.DaysList()[i].Value })
                 @EventTest.Models.EventModel.DaysList()[i].Name
        }

Controller:
  public ActionResult CreateEvent(EventTest.Models.EventModels e)
        {
  for (int i = 0; i < e.RepeatType.WeekDays.Count; i++)
                    {
                        if (e.RepeatType.WeekDays[i].Checked)
                        {
                            ChkDayName += EventTest.Models.EventModel.DaysList()[i].Value + ",";
                        }
                    }
                        ChkDayName = ChkDayName.TrimEnd(',');
}

File upload using Model Binding in MVC

I have search through and all solutions are like that there is extra button to upload file
My requirement was to save file on final submit button. I am using model binding to insert data.


 Below is the code to upload file it is very simple and straight forward.

 Model:




















Controller:

     [HttpPost]
        public ActionResult CreateEvent(Models.EventModels e)
        {
            if (ModelState.IsValid)
            {
          int newEventId = eventService.InsertEvent(....);

           if (Request.Files.Count > 0)
                {
                    var file = Request.Files[0];
                    if (file != null && file.ContentLength > 0)
                    {
                        string savePath = SaveImage(file, newEventId);
                        eventService.UpdateEventLogo(newEventId, savePath);

                    }
                    }

In the saveImage function save your image in your folder.


View:

    Add enctype attribute in your form

    @using (Html.BeginForm("CreateEvent", "Event", FormMethod.Post, new { enctype = "multipart/form-data" }))

    Just add this
    @Html.TextBoxFor(m => m.BaseEvent.Logo, new { type = "file" })

    so after click on final submit button you will get Request.Files object.