Buy Your Property By Integrating Salesforce CRM With Zillow, Ret’s Rabbit And HudHomeStore

Cloud Analogy is one of the best Salesforce Consulting companies that has exhibited a stunning growth for the past few years. We are the certified Salesforce Experts in Cloud Analogy, channelizing our energy in finding solution for some of the complex technical problems – all in the world of Salesforce CRM.

In this post, we will provide you with some insights on one of the Real Estate projects that we were closely involved in Cloud Analogy. You can have a glimpse of the video for the same project.

First and foremost, we need to understand the requirements of the above project.

 

Description of the Requirements:

We want to capture all the real estate listings based upon various filters such as location, size, cost etc. Once the listings are captured, we want to automate this process of capturing all new listings every 15 minutes, into Salesforce – based on multiple parameters.

The data is then saved based on the matching parameters that are by the Good Garage Saferacks. The data is populated into one record, so as to leverage maximum information. Listings that are captured in the Salesforce CRM will then be routed to various teams who will be managing those listings by working on them. Here is a diagram that explains the requirements:

data flow diagram

A particular listing or requirement can be of the following 4 categories for managing the sellers and buyers.

  • SELLER: Property Listing for Sale
  • SELLER: Property Listing for Rent
  • BUYER: Requirement for Purchase
  • BUYER: Requirement for Rent

However, the Sales process based upon the above 4 categories are different and customized according to each department. The entire gamification of the  commission calculation and team forecasting will take place based upon the pre- formula defined.

We also create a Salesforce Portal for sales team to login and manage their leads, listings and opportunities. The Portal is designed to have features like tracking down a listing detail and timeline based chain of conversations as well as uploading and editing of a listing details. It is possible for the Sales representative to login into the same portal – to track down their commission.  Next, we delve into the solution offered by us.

Solution we came with:

We integrated Zillow, MLS, Ret’s Rabbit and HudHomeStore with Salesforce. The flow of listings, from the above APIs are all put into Salesforce.

The solution that we offer can be put under three sections:

Section # 1 :  Data Capture from Various External Sources

  1. We started by Salesforce Data Model Setup, creation of Custom Objects, fields and relationships. Here is what the Data Model setup looks like:

Data Flow of all Integration

  1.  Next, we create an object named Property in Salesforce because all data coming from a different databases is stored in that object. The data from the various APIs are matched on the basis of a parameter say address and put under the property object.

Here is the data flow diagram for the user integration with Zillo:

dfd3. We create a different section like Zillow section, HudHomeStore etc. in the same property object where a record is updated. The integration with Rets Rabbit ensures that the user can make use of an easy to use import and web API, for real estate listings. Here are ways through which Rets can help you:

rets rabbit api4. All information of the property coming from Zillow is stored in the Zillow section. We also created a section named as Property image in which an image of property could be viewed. We can upload the images of the properties. We can even create a thumbnail of the image. These properties were updated at a certain interval of time.

Let’s take a look at one of the property images:

property image5. We can create offers for various properties with contact details, follow up frequency as well as the selling and purchasing of properties. It is all about managing the offer in an organized way. There is also a template functionality of the image. A email is then send on the running offers, if the list price of the property is down and this depends on template of the different offers. It is possible to change the interval time for the updation of the properties.

6. We have done Configuration setup for all the APIs by using the following:

  • Workflow Rules
  • Email Templates
  • Auto fill PDFs
  • Integrate Emails as sender
  • Test emailing
  • Triggers. 

7. After that we hit the Zillow, MLS, Ret’s Rabbit and HudHomeStore APIs and get a response in Salesforce.

Here is a code snippet through which we are able to integrate Zillow with Salesforce.

Click here to learn more

global with sharing class Batch_Hud_Zillow_Integration_Schedule implements Schedulable {

    global static void scheduleMe(Integer HoursValue) {

      Integer loops = 24/HoursValue;

      Integer counter = 8;

      Batch_Hud_Zillow_Integration_Schedule obj = new Batch_Hud_Zillow_Integration_Schedule();

    for(Integer i = 1; i <= 2; i++) {

     String cronStr = ‘0 0 ‘+counter+’ * * ?’;

     String jobID = System.schedule(‘Batch_Hud_Zillow_Integration Runs On ‘ + counter + ‘th hour of Everyday.’, cronStr, obj);

     counter = counter + HoursValue;

    }

   }

       global void execute(SchedulableContext sc) {

       Batch_Hud_Zillow_Integration BatchObj = new Batch_Hud_Zillow_Integration();

       Database.executeBatch(BatchObj, 1);

   }

}

8. When the user received property listing, he is able to send an email to a different buyers who need to purchase it. This integration enables the owner to work with ease –  because he got all the information from one place. He doesn’t need to search multiple websites. We used a complex Batch class for accessing records from Zillow after every 15 minutes and store it in property object. Here is a code snippet of the batch class which is used to update the HUD properties from Zillow.

Here is code snippet of HudHomeStore controller button:

Click here to learn more

@isTest

public class mapHudHomeStoreButtonController_Test {

static testMethod void testOfHudsHomeStore(){

       

  List<Property__c> propertyList= new  List<Property__c>();

  Property__c pro = new Property__c();

  pro.Name = ‘TestProperty’;

  pro.Hud_Status__c = ‘Test’;

  pro.Hud_Address__c = ‘TestAddress’;

        pro.zillow_zpid__c = ‘0123456’;

        pro.zillow_zestimate_amount__c = 500000;

        pro.ListPrice__c = 451258;

        pro.OriginalListPrice__c = 10000000;

        pro.zillow_zestimate_valuationRange_high__c = 5469745;

  pro.RoomsTotal__c =3;

        pro.PropertyAddress__c = ‘123testaddress’;

  propertyList.add(pro);

  insert propertyList;

       

  List<Hud_Unmatched_Property__c> HudUnmattachedPropertyList = new List<Hud_Unmatched_Property__c>();

  Hud_Unmatched_Property__c umpro = new Hud_Unmatched_Property__c();

        umpro.Name = ‘123testaddress’;

  umpro.Hud_Status__c = ‘TestU’;

  umpro.Hud_Address__c=’TestAddress’;

  umpro.Hud_bed__c = 5;

  umpro.Hud_city__c =’TestCity’;

  umpro.Hud_State__c = ‘TestState’;

  umpro.Hud_county__c = ‘TestCountry’;

        umpro.Hud_bath__c = 12;

        umpro.Hud_Bid_Open_Date__c = date.today().addDays(-25);

        umpro.Hud_Price__c = 4569854;

        umpro.Hud_Year_Built__c = 2004;

        umpro.Hud_zip_Code__c = ‘12345847’;

  HudUnmattachedPropertyList.add(umpro);

  insert HudUnmattachedPropertyList;

       

           Property__c prop = new Property__c();

        prop.Name = ‘TestProperty’;

  prop.Hud_Status__c = ‘Test’;

  prop.Hud_Address__c = ‘TestAddress’;

        prop.zillow_zpid__c = ‘0123456’;

        prop.zillow_zestimate_amount__c = 500000;

        prop.ListPrice__c = 451258;

        prop.OriginalListPrice__c = 10000000;

        prop.zillow_zestimate_valuationRange_high__c = 5469745;

  prop.RoomsTotal__c =3;

        prop.Hud_Unmatched_Property__c = HudUnmattachedPropertyList[0].Id;

        prop.Perfect_Matched_Hud_Property__c = HudUnmattachedPropertyList[0].Id;

  insert prop;

       

  mapHudHomeStoreButtonController.updateProperty(propertyList[0].Id);

propertyList[0].Hud_Unmatched_Property__c = HudUnmattachedPropertyList[0].Id;

update propertyList;

        mapHudHomeStoreButtonController.updateProperty(propertyList[0].Id);

}

}

We faced some of the roadblocks, while undergoing these integrations:

Roadblocks that we faced in the integration

We were not able to get some fields/ calculation from Zillow and faced issues in fetching the data from the various APIs.

These are the types of issues:

  1. a) GetZestimate(Limit-warning)

 

<message>

<text>Request successfully processed</text>

<code>0</code>

<limit-warning>true</limit-warning>

</message>

This output field will not be returned if it is false.

 

  1. b) GetChart API( Limit-warning)

 

<message>

<text>Request successfully processed</text>

<code>0</code>

<limit-warning>true</limit-warning>

</message

 

  1. c) GetSearchResults API( Limit-warning)

<message>

&nbsp; <text>Request successfully processed</text>

&nbsp; <code>0</code>

&nbsp; <limit-warning>true</limit-warning>

</message>

Solution for the Roadblocks

For fields and calculations, we opted for HTML integration, so as to get whole HTML code and iterate it according to the requirements.

After that we have created a Salesforce portal for sales team to login and manage their leads, listings and opportunities.We track down all the details of properties and list down all the details.

Section # 2 : Supplier, Buyer Purchasing and Rent Model & Commision Calculation

When we complete Salesforce portal after that we move to next step in which we have done the following:

A particular listing or requirement can be of the following 4 categories.

SELLER: Property Listing for Sale

SELLER: Property Listing for Rent

BUYER : Requirement for Purchase

BUYER : Requirement for Rent

The Sales process based upon the 4 categories are different and customized according to each department. The gamification of the commission calculation and team forecasting will take place based upon the pre-formula defined.

  1. In this system we get a lead from the client website. We can get a lead in two ways – manually or from the web. Once the lead arrives in Salesforce, then an email alert has to be sent to the Lead owner as well as a specific user – if not modified within 24 hours. This ensures the using of the lead and that is assigned to a broker.

Then this lead is assigned to the broker for splitting the commission. This is done with lead assignment rule. After that when lead is converted to Opportunity/Deal, then the lead team starts working on it. Once the deal is closed won, then based on the commission percentage – the commission amount is attained by the broker. The below screen shows the deals page.

Click here to learn more

<aura:component description=”DealComponent” access=”global”

               implements=”force:hasRecordId,flexipage:availableForAllPageTypes,lightning:actionOverride”

               controller=”AuraUtility”>

   <ltng:require styles=”{!$Resource.jqueryDataTablesZip + ‘/css/datepicker.min.css’}”

                 scripts=”{!join(‘,’,

                         $Resource.jqueryDataTablesZip + ‘/js/jquery.js’,

                         $Resource.jqueryDataTablesZip + ‘/js/jquery.dataTables.js’,

                         $Resource.jqueryDataTablesZip + ‘/js/datepicker.min.js’

                         )}”/>

   <aura:attribute name=”OpportunityRecord” type=”Opportunity”/>

   <aura:attribute name=”OpportunityStage” type=”Opportunity”/>

   <aura:attribute name=”recordId” type=”String”/>

   <aura:attribute name=”RecordTypes” type=”List” access=”global”/>

   <aura:attribute name=”RecordTypes2″ type=”List” access=”global”/>

   <aura:attribute name=”selectedRecordType” type=”String” access=”global”/>

   <aura:attribute name=”GrossCommissionOrFlatfeeValue” type=”String” access=”global”/>

   <aura:attribute name=”isTNCpayingCoBroker” type=”String” access=”global”/>

   <aura:attribute name=”isMorethanOneBroker” type=”String” access=”global”/>

   <aura:attribute name=”showRecordtypeScreen” type=”Boolean” default=”true”/>

   <aura:attribute name=”DealTypes” type=”String[]”/>

   <aura:attribute name=”DealStages” type=”String[]”/>

   <aura:attribute name=”LeadSources” type=”String[]”/>

   <aura:attribute name=”lossReasons” type=”String[]”/>

   <aura:attribute name=”PathwayValue” type=”String[]”/>

   <aura:attribute name=”PathWayV” type=”String”/>

   <aura:attribute name=”RequiredMessagePopUpDeal” type=”String”/>

   <aura:attribute name=”TNCChangeValueBroker” type=”Boolean” default=”false”/>

   <aura:attribute name=”MatchRecordTypeId” type=”String”/>

   <aura:attribute name=”num” type=”integer” default=”10″/>

   <aura:attribute name=”RecordTypesName” type=”String”/>

   <aura:attribute name=”ProbData” type=”Integer”/>

   <aura:attribute name=”DealisTNCpayingCoBroker” type=”String[]”/>

 

   <aura:attribute name=”cloDate” type=”Date” description=”To insert Close Date”/>

   <aura:attribute name=”DealObject” type=”Opportunity” default=”{‘sObjectType’:’Opportunity’}”/>

   <aura:handler name=”init” value=”{!this}” action=”{!c.doInit}”/>

 

   <div class=”demo-only successToast” style=”height: 4rem; display: none;” aura:id=”successToast”>

       <div class=”slds-notify_container slds-is-relative”>

           <div class=”slds-notify slds-notify_toast slds-theme_success” role=”alert”>

               <span class=”slds-assistive-text”>success</span>

               <div class=”slds-notify__content”>

                   <h2 class=”slds-text-heading_small “>Deal <a href=”javascript:void(0);”>{!v.DealObject.Name}</a> has

                       been created Successfully.</h2>

               </div>

               <button class=”slds-button slds-button_icon slds-notify__close slds-button_icon-inverse” title=”Close”>

                   <span class=”slds-assistive-text”>Close</span>

               </button>

           </div>

       </div>

   </div>

   <aura:if isTrue=”{!v.RequiredMessagePopUpDeal != null}”>

       <div class=”ForgetPassemailSent” style=”display: block” id=”ForgetPassemailSent”>

           <div role=”dialog” tabindex=”-1″ aria-labelledby=”header99″

                class=”slds-modal slds-fade-in-open “>

               <div class=”slds-modal__container” style=”width: 25%;”>

                   <div class=”slds-modal__header”

                        style=”background-color: #f9f9fa;border: solid 1px #a79a9a;border-bottom: none;”>

                       <button class=”slds-button slds-modal__close slds-button–icon-inverse”

                               title=”Close” onclick=”{!c.closeReqPopupDeal}”>X

                           <span class=”slds-assistive-text”>Close</span>

                       </button>

                       <h2 id=”header99″ class=”slds-text-heading–medium”><b>Validation Error </b></h2>

                   </div>

                   <div class=”slds-modal__content slds-p-around–medium”

                        style=”border: solid 1px #a79a9a; text-align: center;”>

                       <h1><b style=”color:red;”>{!v.RequiredMessagePopUpDeal}</b> .</h1>

                   </div>

                   <div class=”slds-modal__footer” style=”border: solid 1px #a79a9a;border-top: none;”>

                       <lightning:button variant=”brand” label=”OK” class=”slds-button slds-button_base”

                                         iconName=”” iconPosition=”right” onclick=”{!c.closeReqPopupDeal}”/>

                   </div>

               </div>

           </div>

           <div class=”slds-backdrop slds-backdrop–open”></div>

       </div>

   </aura:if>

 

   <div class=”ContainerDiv”>

 

       <div class=”slds-page-header”>

           <div class=”slds-media__body”>

               <h1 class=”slds-page-header__title slds-truncate slds-align-middle”>

                   <lightning:icon size=”medium” iconName=”standard:opportunity” class=”oppIcon”/>  &nbsp;

                   New Deal

               </h1>

               <p class=”slds-text-body_small slds-line-height_reset”></p>

           </div>

       </div>

       <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

           <h3 class=”slds-section__title”>

               <label aria-controls=”expando-unique-id” aria-expanded=”true”

                      class=”slds-item_label slds-section__title-action colorChange”>

                   <span class=”slds-truncate” title=”Section Title”>Deal Information</span>

               </label>

           </h3>

       </div>

 

       <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

           <lightning:layout multipleRows=”true” verticalAlign=”center”>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <lightning:input aura:id=”inputField” type=”text” value=”{!v.DealObject.Name}”

                                        label=”Deal Name” messageWhenBadInput=”This field is required”

                                        required=”true”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label” for=”input-id-01″>Deal Owner</label>

                   <div class=”slds-form-element__control “>

                       <label class=”slds-form-element__label “> <b> {!v.DealObject.Owner} </b></label>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <aura:if isTrue=”{!v.DealObject.AccountId}”>

                       <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                     title=”required”>*</abbr>Company Name</label>

 

                       <c:MultiLookup IdUnique=”AccountLookup” aura:id=”companyLookup”

                                      sObjectAPIName=”Account” recordId=”{!v.DealObject.AccountId}”/>

                       <aura:set attribute=”else”>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Company

                               Name</label>

 

                           <c:MultiLookup IdUnique=”AccountLookup” aura:id=”companyLookup”

                                          sObjectAPIName=”Account” recordId=”{!v.DealObject.AccountId}”/>

                       </aura:set>

                   </aura:if>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                 title=”required”>*</abbr>Representation Type</label>

                   <ui:inputSelect value=”{!v.DealObject.RecordTypeId}” class=”slds-input” multiple=”false”

                                   change=”{!c.onMultiSelectChange}”>

                       <aura:iteration items=”{!v.RecordTypes}” var=”source”>

                           <ui:inputSelectOption text=”{!source}” label=”{!source}”/>

                       </aura:iteration>

                   </ui:inputSelect>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label”>Client Type</label>

                   <ui:inputSelect value=”{!v.DealObject.Type}” label=”” class=”slds-input”>

                       <aura:iteration items=”{!v.DealTypes}” var=”source”>

                           <ui:inputSelectOption text=”{!source}” label=”{!source}”/>

                       </aura:iteration>

                   </ui:inputSelect>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                 title=”required”>*</abbr>Close

                       Date</label>

                   <c:AirDatepicker aura:id=”datePicker” idPostfix=”closeDate1″

                                    value=”{!v.DealObject.CloseDate}”/>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                 title=”required”>*</abbr>Stage

                       Name</label>

                   <aura:if isTrue=”{!v.RecordTypesName == ‘Buyer Rep’}”>

                       <ui:inputSelect class=”slds-input” multiple=”false” aura:id=”StName”

                                       value=”{!v.DealObject.StageName}”>

                           <ui:inputSelectOption text=”–None–” label=”–None–“/>

                           <ui:inputSelectOption text=”Qualification” label=”Qualification”/>

                           <ui:inputSelectOption text=”Research” label=”Research”/>

                           <ui:inputSelectOption text=”LOI” label=”LOI”/>

                           <ui:inputSelectOption text=”Due Diligence” label=”Due Diligence”/>

                           <ui:inputSelectOption text=”Closed Won” label=”Closed Won”/>

                           <ui:inputSelectOption text=”Closed Lost” label=”Closed Lost”/>

                           <ui:inputSelectOption text=”Closed Won Check Received”

                                                 label=”Closed Won Check Received”/>

                       </ui:inputSelect>

                   </aura:if>

                   <aura:if isTrue=”{!v.RecordTypesName == ‘Seller Rep’}”>

                       <ui:inputSelect class=”slds-input” multiple=”false” aura:id=”StName”

                                       value=”{!v.DealObject.StageName}”>

                           <ui:inputSelectOption text=”–None–” label=”–None–” value=”true”/>

                           <ui:inputSelectOption text=”Qualification” label=”Qualification”/>

                           <ui:inputSelectOption text=”LOI” label=”LOI” value=”true”/>

                           <ui:inputSelectOption text=”Offer To Purchase” label=”Offer To Purchase”/>

                           <ui:inputSelectOption text=”Due Diligence” label=”Due Diligence”/>

                           <ui:inputSelectOption text=”Closed Won” label=”Closed Won”/>

                           <ui:inputSelectOption text=”Closed Lost” label=”Closed Lost”/>

                           <ui:inputSelectOption text=”Closed Won Check Received”

                                                 label=”Closed Won Check Received”/>

                       </ui:inputSelect>

                   </aura:if>

                   <aura:if isTrue=”{!v.RecordTypesName == ‘Landlord Rep’}”>

                       <ui:inputSelect class=”slds-input” multiple=”false” aura:id=”StName”

                                       value=”{!v.DealObject.StageName}”>

                           <ui:inputSelectOption text=”–None–” label=”–None–” value=”true”/>

                           <ui:inputSelectOption text=”Qualification” label=”Qualification”/>

                           <ui:inputSelectOption text=”Needs Analysis” label=”Needs Analysis”/>

                           <ui:inputSelectOption text=”LOI” label=”LOI”/>

                           <ui:inputSelectOption text=”Lease Negotiations” label=”Lease Negotiations”/>

                           <ui:inputSelectOption text=”Closed Won” label=”Closed Won”/>

                           <ui:inputSelectOption text=”Closed Lost” label=”Closed Lost”/>

                           <ui:inputSelectOption text=”Closed Won Check Received”

                                                 label=”Closed Won Check Received”/>

                       </ui:inputSelect>

                   </aura:if>

                   <aura:if isTrue=”{!v.RecordTypesName == ‘Tenant Rep’}”>

                       <ui:inputSelect class=”slds-input” multiple=”false” aura:id=”StName”

                                       value=”{!v.DealObject.StageName}”>

                           <ui:inputSelectOption text=”–None–” label=”–None–” value=”true”/>

                           <ui:inputSelectOption text=”Qualification” label=”Qualification”/>

                           <ui:inputSelectOption text=”Needs Analysis” label=”Needs Analysis”/>

                           <ui:inputSelectOption text=”LOI” label=”LOI”/>

                           <ui:inputSelectOption text=”Lease Negotiations” label=”Lease Negotiations”/>

                           <ui:inputSelectOption text=”Closed Won” label=”Closed Won”/>

                           <ui:inputSelectOption text=”Closed Lost” label=”Closed Lost”/>

                           <ui:inputSelectOption text=”Closed Won Check Received”

                                                 label=”Closed Won Check Received”/>

                       </ui:inputSelect>

                   </aura:if>

                   <aura:if isTrue=”{!or(v.RecordTypesName == ‘–None–‘,v.RecordTypesName == null )}”>

                       <ui:inputSelect class=”slds-input” multiple=”false” aura:id=”StName”

                                       value=”{!v.DealObject.StageName}”>

                           <ui:inputSelectOption text=”–None–” label=”–None–” value=”true”/>

 

                       </ui:inputSelect>

                   </aura:if>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Probability (%) </label>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Qualification’}”>

                           <ui:inputText label=”” aura:id=”Qualification” value=”20″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Research’}”>

                           <ui:inputText label=”” aura:id=”Research” value=”40″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘LOI’}”>

                           <ui:inputText label=”” aura:id=”LOI” value=”60″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Due Diligence’}”>

                           <ui:inputText label=”” aura:id=”Due Diligence” value=”80″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Closed Won’}”>

                           <ui:inputText label=”” aura:id=”Closed Won” value=”100″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Closed Won Check Received’}”>

                           <ui:inputText label=”” aura:id=”Closed Won” value=”100″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Closed Lost’}”>

                           <ui:inputText label=”” aura:id=”Closed Lost” value=”0″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Offer To Purchase’}”>

                           <ui:inputText label=”” aura:id=”Offer To Purchase” value=”60″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Needs Analysis’}”>

                           <ui:inputText label=”” aura:id=”Needs Analysis” value=”40″ class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.StageName == ‘Lease Negotiations’}”>

                           <ui:inputText label=”” aura:id=”Lease Negotiations” value=”80″

                                         class=”slds-input” disabled=”true”/>

                       </aura:if>

                       <aura:if isTrue=”{!or(v.DealObject.StageName == ‘–None–‘,v.DealObject.StageName == null)}”>

                           <ui:inputText label=”” aura:id=”–None–” value=”” class=”slds-input”

                                         disabled=”true”/>

                       </aura:if>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <aura:if isTrue=”{!v.DealObject.StageName == ‘Closed Lost’}”>

                       <label class=”slds-form-element__label “>Loss Reason</label>

                       <ui:inputSelect class=”slds-input” value=”{!v.DealObject.Loss_Reason__c}”>

                           <aura:iteration items=”{!v.lossReasons}” var=”source”>

                               <ui:inputSelectOption text=”{!source}” label=”{!source}”/>

                           </aura:iteration>

                       </ui:inputSelect>

                   </aura:if>

               </lightning:layoutItem>

               <lightning:layoutItem size=”12″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Notes</label>

                       <ui:inputTextArea label=”” value=”{!v.DealObject.Notes__c}” class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

           </lightning:layout>

 

           <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

               <h3 class=”slds-section__title”>

                   <label aria-controls=”expando-unique-id” aria-expanded=”true”

                          class=”slds-item_label slds-section__title-action colorChange”>

                       <span class=”slds-truncate” title=”Section Title”>Deal Commission Details</span>

                   </label>

               </h3>

           </div>

 

           <lightning:layout multipleRows=”true” verticalAlign=”center”>

               <aura:if isTrue=”{!or(v.DealObject.RecordTypeId == ‘Buyer Rep’,

                       v.DealObject.RecordTypeId == ‘Seller Rep’)}”>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”> Gross Sale of Property</label>

                           <ui:inputCurrency label=”” value=”{!v.DealObject.Gross_Sale_of_Property__c}”

                                             change=”{!c.calculateCoBrokerAmmount}” class=”slds-input”/>

                       </div>

 

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <label class=”slds-form-element__label”>Gross Commission: Percentage or Flat Fee</label>

                       <ui:inputSelect label=”” class=”slds-input”

                                       value=”{!v.DealObject.Gross_Commission_Percentage_or_Flat_Fee__c}”>

                           <ui:inputSelectOption text=”Gross Commission Percentage”

                                                 label=”Gross Commission Percentage”/>

                           <ui:inputSelectOption text=”Flat Fee” label=”Flat Fee”/>

                       </ui:inputSelect>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <aura:if isTrue=”{!v.DealObject.Gross_Commission_Percentage_or_Flat_Fee__c == ‘Flat Fee’}”>

                           <div class=”slds-form-element__control  “>

                               <label class=”slds-form-element__label”>Gross Commission Flat Fee Amount </label>

                               <ui:inputCurrency label=”” value=”{!v.DealObject.Gross_Commission_Amount__c}”

                                                 class=”slds-input”/>

                           </div>

                       </aura:if>

                       <aura:if isTrue=”{!v.DealObject.Gross_Commission_Percentage_or_Flat_Fee__c == ‘Gross Commission Percentage’}”>

                           <div class=”slds-form-element__control  “>

                               <label class=”slds-form-element__label”>Gross Commission Percentange </label>

                               <ui:inputText label=”” value=”{!v.DealObject.Gross_Deal_Commission__c}”

                                             class=”slds-input”/>

                           </div>

                       </aura:if>

                   </lightning:layoutItem>

               </aura:if>

               <aura:if isTrue=”{!or(v.DealObject.RecordTypeId == ‘Tenant Rep’,

                       v.DealObject.RecordTypeId == ‘Landlord Rep’)}”>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Total Contract Value of Lease</label>

                           <ui:inputCurrency label=””

                                             value=”{!v.DealObject.Total_Contract_Value_Of_Lease__c    }”

                                             class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Lease Term in Months</label>

                           <ui:inputText label=”” value=”{!v.DealObject.Lease_Term_In_Month__c}”

                                         class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Monthly Lease Amount</label>

                           <ui:inputCurrency label=”” value=”{!v.DealObject.Monthly_Lease_Amount__c}”

                                             class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Lease Start Date</label>

                           <c:AirDatepicker aura:id=”datePicker1″ idPostfix=”LeaseStartDate”

                                            value=”{!v.DealObject.Lease_Start_Date__c}”/>

                       </div>

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Lease End Date</label>

                           <c:AirDatepicker aura:id=”datePicker2″ idPostfix=”LeasecloseDate”

                                            value=”{!v.DealObject.Lease_End_Date__c}”/>

                       </div>

                   </lightning:layoutItem>

 

               </aura:if>

 

           </lightning:layout>

 

           <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

               <h3 class=”slds-section__title”>

                   <label aria-controls=”expando-unique-id” aria-expanded=”true”

                          class=”slds-item_label slds-section__title-action colorChange”>

                       <span class=”slds-truncate” title=”Section Title”>Co-Broker Commission Details</span>

                   </label>

               </h3>

           </div>

 

           <lightning:layout multipleRows=”true” verticalAlign=”center”>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label “><abbr class=”slds-required”

                                                                  title=”required”>*</abbr>IS TNC Paying a

                       Co-Broker</label>

                   <ui:inputSelect class=”slds-input” value=”{!v.DealObject.IS_TNC_Paying_a_Co_Broker__c}”>

                       <aura:iteration items=”{!v.DealisTNCpayingCoBroker}” var=”source”>

                           <ui:inputSelectOption text=”{!source}” label=”{!source}”/>

                       </aura:iteration>

                   </ui:inputSelect>

               </lightning:layoutItem>

               <aura:if isTrue=”{!v.DealObject.IS_TNC_Paying_a_Co_Broker__c == ‘Yes’}”>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

 

                       <div class=”slds-form-element__control”>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Co-Broker

                               Name</label>

                           <ui:inputText label=” ” value=”{!v.DealObject.Co_Broker_Name__c}”

                                         class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <lightning:input aura:id=”inputField” type=”text”

                                            value=”{!v.DealObject.Company_Name__c}”

                                            label=”Company Name” required=”true”

                                            messageWhenBadInput=”This field is required”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <lightning:input aura:id=”inputField” type=”Phone” value=”{!v.DealObject.Phone__c}”

                                            label=”Phone” required=”true”

                                            messageWhenBadInput=”This field is required”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Street

                               Address</label>

                           <ui:inputText label=”” value=”{!v.DealObject.Street_Address__c}”

                                         class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>City</label>

                           <ui:inputText label=”” value=”{!v.DealObject.City__c}” class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>State</label>

                           <ui:inputText label=”” value=”{!v.DealObject.State__c}” class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Zip</label>

                           <ui:inputText label=”” value=”{!v.DealObject.Zip__c}” class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Federal Tax

                               ID</label>

                           <ui:inputNumber label=”” value=”{!v.DealObject.Federal_Tax_ID__c}”

                                           class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”><abbr class=”slds-required”

                                                                         title=”required”>*</abbr>Commission %

                               Due Co-Broker</label>

                           <ui:inputNumber label=”” value=”{!v.DealObject.Commission_Due_Co_Broker__c}”

                                           change=”{!c.calculateCoBrokerAmmount}” class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Commission Amount Due Co-Broker</label>

                           <ui:inputCurrency label=””

                                             value=”{!v.DealObject.Commission_Amount_Due_Co_Broker__c}”

                                             class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

               </aura:if>

           </lightning:layout>

           <!– a section should be here–>

           <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

               <h3 class=”slds-section__title”>

                   <label aria-controls=”expando-unique-id” aria-expanded=”true”

                          class=”slds-item_label slds-section__title-action colorChange”>

                       <span class=”slds-truncate” title=”Section Title”>TNC Commission Details</span>

                   </label>

               </h3>

           </div>

 

           <lightning:layout multipleRows=”true” verticalAlign=”center”>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Commission Amount Due to TNC</label>

                       <ui:inputCurrency disabled=”true” label=””

                                         value=”{!v.DealObject.Commission_Amount_Due_to_TNC__c}”

                                         class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Assign % of deal</label>

                       <ui:inputNumber label=”” disabled=”true” value=”{!v.DealObject.Assign_of_deal__c}”

                                       class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Commission Amount Due Broker</label>

                       <ui:inputCurrency label=”” disabled=”true”

                                         value=”{!v.DealObject.Commission_Amount_Due_Broker__c}”

                                         class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control”>

                       <label class=”slds-form-element__label”>% of TNC Commission Due to Broker</label>

                       <ui:inputNumber label=”” disabled=”true”

                                       value=”{!v.DealObject.of_TNC_Commission_Due_to_Broker__c}”

                                       class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Net Amount To TNC</label>

                       <ui:inputCurrency disabled=”true” label=”” value=”{!v.DealObject.Net_Amount_To_TNC__c}”

                                         class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label”>More Than 1 TNC Broker? </label>

                   <ui:inputSelect label=”” class=”slds-input”

                                   value=”{!v.DealObject.Is_there_more_than_1_broker_involved__c}”>

                       <ui:inputSelectOption text=”No” label=”No”/>

                       <ui:inputSelectOption text=”Yes” label=”Yes”/>

                   </ui:inputSelect>

               </lightning:layoutItem>

               <aura:if isTrue=”{!v.DealObject.Is_there_more_than_1_broker_involved__c == ‘Yes’}”>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Commission Amount Due Broker2</label>

                           <ui:inputCurrency label=”” class=”slds-input”

                                             value=”{!v.DealObject.Commission_Amount_Due_Broker2__c}”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>% of TNC Commission Due to Broker 2</label>

                           <ui:inputNumber label=””

                                           value=”{!v.DealObject.of_TNC_Commission_Due_to_Broker_2__c}”

                                           class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Commission Amount Due Broker3</label>

                           <ui:inputCurrency label=”” class=”slds-input”

                                             value=”{!v.DealObject.Commission_Amount_Due_Broker3__c}”/>

                       </div>

                   </lightning:layoutItem>

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>% of TNC Commission Due to Broker 3</label>

                           <ui:inputNumber label=”” class=”slds-input”

                                           value=”{!v.DealObject.of_TNC_Commission_Due_to_Broker_3__c}”/>

                       </div>

                   </lightning:layoutItem>

               </aura:if>

           </lightning:layout>

 

           <div class=”slds-modal__content slds-p-around_medium” id=”modal-content-id-1″>

               <h3 class=”slds-section__title”>

                   <label aria-controls=”expando-unique-id” aria-expanded=”true”

                          class=”slds-item_label slds-section__title-action colorChange”>

                       <span class=”slds-truncate” title=”Section Title”>Additional Deal Information</span>

                   </label>

               </h3>

           </div>

           <lightning:layout multipleRows=”true” verticalAlign=”center”>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Next Step</label>

                       <ui:inputText label=”” value=”{!v.DealObject.NextStep}” class=”slds-input”/>

                   </div>

               </lightning:layoutItem>

               <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <label class=”slds-form-element__label ” for=”input-id-01″><abbr

                           class=”slds-required” title=”required”>*</abbr>Lead Source</label>

                   <ui:inputSelect class=”slds-input” value=”{!v.DealObject.LeadSource}”

                                   required=”true”>

                       <aura:iteration items=”{!v.LeadSources}” var=”source”>

                           <ui:inputSelectOption text=”{!source}” label=”{!source}”/>

                       </aura:iteration>

                   </ui:inputSelect>

               </lightning:layoutItem>

 

               <aura:if isTrue=”{!v.DealObject.LeadSource == ‘Other’}”>

 

                   <lightning:layoutItem size=”6″ flexibility=”no-shrink” padding=”horizontal-small”>

                       <div class=”slds-form-element__control  “>

                           <label class=”slds-form-element__label”>Other Lead Source</label>

                           <ui:inputText label=”” value=”{!v.DealObject.Other_Lead_Source__c}”

                                         class=”slds-input”/>

                       </div>

                   </lightning:layoutItem>

 

               </aura:if>

               <lightning:layoutItem size=”12″ flexibility=”no-shrink” padding=”horizontal-small”>

                   <div class=”slds-form-element__control  “>

                       <label class=”slds-form-element__label”>Description</label>

                       <ui:inputTextArea label=”” value=”{!v.DealObject.Description}”

                                         class=”slds-input”/>

                   </div>

                   <br/>

               </lightning:layoutItem>

 

           </lightning:layout>

       </div>

       <footer class=”slds-modal__footer” style=”margin-bottom: 50px;”>

           <button class=”slds-button slds-button_neutral” onclick=”{!c.cancelStep}”>Cancel</button>

           <button class=”slds-button slds-button_brand” onclick=”{!c.saveDeal}”>Update</button>

       </footer>

   </div>

</aura:component>

Next, comes the functionality of cloning the deal.

 

2.  The user clicks on the Deals Page in the Salesforce org and chooses any deals record.

Here a custom cloning button that we have provided. The custom button is designed in such a way, that it clones the details page along with the deal team members. These deal team members are nothing but the brokers. On this details page of the deal we have another custom component – which shows the commission percentage. The reason for using this component was to show that the aggregate commission is 100 %.

cloning button

 

  1. On the same page there is an option for editing a deal team member by clicking on the edit option. The deal undergoes through various stages. On reaching the closed won -cheque received stage – a warning message is issued to the user, if the user tries to edit the same deal. We use Apex for calculating the commission which is in the backend. The warning message is shown in the below screen.

Here is code snippet of commission cycle:

Click here to learn more

public with sharing class CommissionCycle {

   public static void CalculateComissionCycleMethod(List<Opportunity> opList) {

       try {

           List<Opportunity> AllCheckReceivedOpportunities = new List<Opportunity>();

           List<Id> AllCheckReceivedOpportunitiesIDSet = new List<Id>();

           AllCheckReceivedOpportunities = [SELECT Id, Gross_Sale_of_Property__c, Commission_Amount_Due_to_TNC__c From Opportunity Where Gross_Sale_of_Property__c != null AND StageName = ‘Closed Won – Check Received’ LIMIT 10000];

           System.debug(‘>>>– AllCheckReceivedOpportunities —> ‘ + AllCheckReceivedOpportunities);

           for (Opportunity oppItem : AllCheckReceivedOpportunities) {

               AllCheckReceivedOpportunitiesIDSet.Add(oppItem.Id);

           }

           System.debug(‘>>>– AllCheckReceivedOpportunitiesIDSetdd —> ‘ + AllCheckReceivedOpportunitiesIDSet);

           List<OpportunityTeamMember> RelatedDealTeam = new List<OpportunityTeamMember>();

           RelatedDealTeam = [select Id, Name,OpportunityId,UserId from OpportunityTeamMember Where OpportunityId IN:AllCheckReceivedOpportunitiesIDSet];

           System.debug(‘>>>– listOfTeam—> ‘ + RelatedDealTeam);

 

           Map<OpportunityTeamMember, Set<Id>> TeamAndOppMap = new Map<OpportunityTeamMember, Set<Id>>();

           for (OpportunityTeamMember oppTeam : RelatedDealTeam) {

               if (TeamAndOppMap.get(oppTeam) == null) {

                   TeamAndOppMap.put(oppTeam, new Set<Id>());

               }

               TeamAndOppMap.get(oppTeam).Add(oppTeam.OpportunityId);

           }

 

           Map<Id, List<Decimal>> USerIDVsTotalComissionMap = new Map<Id, List<Decimal>>();

           Map<Id, List<Decimal>> USerIDVsTotalAttaitmentap = new Map<Id, List<Decimal>>();

 

           for (OpportunityTeamMember oppTeam : RelatedDealTeam) {

               for (Opportunity opp : AllCheckReceivedOpportunities) {

                   if (TeamAndOppMap.get(oppTeam).contains(opp.Id)) {

                       if (USerIDVsTotalComissionMap.get(oppTeam.UserId) == null) {

                           USerIDVsTotalComissionMap.put(oppTeam.UserId, new List<Decimal>());

                       }

                       USerIDVsTotalComissionMap.get(oppTeam.UserID).Add(opp.Gross_Sale_of_Property__c);

                   }

               }

           }

 

           for (OpportunityTeamMember oppTeam : RelatedDealTeam) {

               for (Opportunity opp : AllCheckReceivedOpportunities) {

                   if (TeamAndOppMap.get(oppTeam).contains(opp.Id)) {

                       if (USerIDVsTotalAttaitmentap.get(oppTeam.UserId) == null) {

                           USerIDVsTotalAttaitmentap.put(oppTeam.UserId, new List<Decimal>());

                       }

                       USerIDVsTotalAttaitmentap.get(oppTeam.UserID).Add(opp.Commission_Amount_Due_to_TNC__c);

                   }

               }

           }

 

           System.debug(‘>>>– USerIDVsTotalComissionMap —> ‘ + USerIDVsTotalComissionMap);

           System.debug(‘>>>– USerIDVsTotalAttaitmentap —> ‘ + USerIDVsTotalAttaitmentap);

 

           List<Commission_Cycle__c> allCommissionCycles = new List<Commission_Cycle__c>();

           List<Commission_Cycle__c> UpdateCommissionCycles = new List<Commission_Cycle__c>();

           allCommissionCycles = [SELECT id, Broker__c,End_Cycle__c,Start_Cycle__c,Total_Commission_Attainment__c, Commission__c FROM Commission_Cycle__c WHERE End_Cycle__c >= TODAY AND Start_Cycle__c < TODAY];

           for (Commission_Cycle__c cyleItem : allCommissionCycles) {

               for (Id userID : USerIDVsTotalComissionMap.KeySet()) {

                   if (cyleItem.Broker__c != null && userID != null) {

                       if (cyleItem.Broker__c == userID || String.valueof(cyleItem.Broker__c).subString(0, 15) == String.valueof(userID).subString(0, 15)) {

                           List<Decimal> allCommission = USerIDVsTotalComissionMap.get(userID);

                           Decimal calculation = 0;

                           for (Decimal d : allCommission) {

                               calculation = calculation + d;

                           }

                           cyleItem.Commission__c = calculation;

                       }

                   }

               }

               for (Id userID : USerIDVsTotalAttaitmentap.KeySet()) {

                   if (cyleItem.Broker__c != null && userID != null) {

                       if (cyleItem.Broker__c == userID || String.valueof(cyleItem.Broker__c).subString(0, 15) == String.valueof(userID).subString(0, 15)) {

                           List<Decimal> allCommission = USerIDVsTotalAttaitmentap.get(userID);

                           Decimal calculation = 0;

                           for (Decimal d : allCommission) {

                               calculation = calculation + d;

                           }

                           cyleItem.Total_Commission_Attainment__c = calculation;

                       }

                   }

               }

               UpdateCommissionCycles.Add(cyleItem);

 

           }

 

           System.debug(‘>>>– cyleItem —> ‘ + UpdateCommissionCycles);

           update UpdateCommissionCycles;

 

       } catch (Exception ex) {

           System.debug(‘>>>– Exception at line —> ‘ + ex.getLineNumber());

           System.debug(‘>>>– Exception—> ‘ + ex.getMessage());

       }

   }

}

  1. We also have used Lightning component for the Signup page for the registration of a new broker. This appears in the Listings page of the property. Once all the information is filled up, the broker saves the details and an email is send to the broker.

Section # 3 :  Login Portal and Project Management for all.

First, we create a site so when we click on the site URL – to get redirected to the home page of the portal. We have stored home page information like username and password in custom objects.

Here is VF page code snippets of the home page:

Click here to learn more

<apex:page controller=”repLogin” sidebar=”false” showHeader=”false” readOnly=”true”>

   <html>

   <head>

       <meta name=”viewport” content=”width=device-width, initial-scale=1″/>

       <apex:includeScript value=”https://code.jquery.com/jquery-2.1.4.min.js”/>

       <apex:includeScript value=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js”/>

       <!–<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”></script>–>

       <!–……………make opportunity Name Clickable……………..–>

       <!–<script type=”text/javascript”>

           function clickElem(elemId){

               var url = “/apex/CallbackList?id=” + elemId;

               //alert(‘……………….’+url);

               window.open(url,”_blank”);

           }

       </script>–>

       <link rel=”stylesheet”

             href=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css”

             type=”text/css” media=”all”/>

       <script type=”text/javascript” src=”{!URLFOR($Resource.jqueryCookie)}”></script>

       <script type=”text/javascript” src=”{!URLFOR($Resource.jquerysession)}”></script>

       <link rel=”stylesheet” type=”text/css”

             href=”https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css”/>

       <script type=”text/javascript” src=”https://mottie.github.io/tablesorter/js/jquery.tablesorter.js”></script>

       <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js”></script>

 

       <script type=”text/javascript” src=”{!URLFOR($Resource.jQueryDataTablesZip, ‘js/jquery.dataTables.js’)}”></script>

       <script type=”text/javascript” src=”https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js”></script>

       <script type=”text/javascript”

               src=”https://cdn.datatables.net/plug-ins/1.10.13/sorting/datetime-moment.js”></script>

       <apex:stylesheet value=”{!URLFOR($Resource.SLDS0122, ‘assets/styles/salesforce-lightning-design-system-vf.css’)}”/>

       <style>

           * {

               padding: 0;

               margin: 0;

           }

 

           body {

               background-color: transparent;

               display: none;

           }

 

           body .pbBody table.list tr.dataRow th, body .pbBody table.list tr.dataRow td {

               border-width: 0 !important;

               border-left-width: 1px !important;

               border-right-width: 1px !important;

               border-bottom-width: 1px !important;

           }

 

           html {

 

               background-position: center top;

               background-repeat: no-repeat;

               background-color: #FFFFFF;

           / / background-size: 100 %;

           }

 

           #mainLoginArea, #opportunityMainContainer {

               width: 100%;

           }

 

           #opportunityMainContainer {

               padding-top: 5px;

           }

 

           #loginContainer {

               position: relative;

               float: left;

               width: 100%;

           / / border: 1 px solid red;

               z-index: 12;

           }

 

           @media screen and (max-device-width: 480px) {

               #logo {

               / / border: 1 px solid blue;

                   padding-left: 25%;

                   padding-top: 9%;

                   padding-bottom: 2%;

                   background: lightgrey;

               }

           }

 

           #loginFormDiv {

           / / border: 1 px solid yellow;

           / / padding-left: 25 %;

           / / padding-right: 24 %;

           }

 

           #loginForm {

               background: darkslategrey !important;

               padding: 3%;

               color: white;

               text-align: center;

           }

 

           .mainHeading {

               font-size: 35px;

               line-height: 120px;

           }

 

           .loginFormLabel {

               font-size: 25px;

               line-height: 60px;

           }

 

           .loginFormInput {

               width: 40%;

               text-align: center;

               height: 30px;

               margin-bottom: 30px;

               color: white;

               font-size: 20px;

               padding-left: 5px;

               background: transparent;

               border: none;

               border-bottom: 1px dashed white;

               border-radius: 10px;

           }

 

           .loginFormButton {

               cursor: pointer;

               line-height: 40px;

               opacity: 0.8;

           / / padding: 3 px;

               width: 100px;

           / / border-radius: 6 px;

               background-color: white;

               font-size: 20px;

               margin-bottom: 30px;

               border-radius: 10px;

           }

 

           @media screen and (min-width: 711px) and (max-width: 1230px) {

               #loginContainer {

                   width: 95%;

               }

           }

 

           @media screen and (max-width: 710px) {

               #loginContainer {

                   width: 100%;

               }

 

           }

 

           @media screen and (max-device-width: 480px) {

               #logoutBtn {

               / / left: 120 % !important;

               }

           }

 

           .cssload-loader {

               position: absolute !important;

               top: 60% !important;

               left: 50% !important;

               margin-left: -50px !important; /* half width of the spinner gif */

               margin-top: -50px !important; /* half height of the spinner gif */

               text-align: center;

               z-index: 1234;

               overflow: auto;

               width: 146px; /* width of the spinner gif */

               height: 146px; /*hight of the spinner gif +2px to fix IE8 issue */

               line-height: 146px;

               margin: 49px auto;

               position: relative;

               box-sizing: border-box;

               text-align: center;

               z-index: 0;

               text-transform: uppercase;

               -o-text-transform: uppercase;

               -ms-text-transform: uppercase;

               -webkit-text-transform: uppercase;

               -moz-text-transform: uppercase;

           }

 

           .cssload-loader:before,

           .cssload-loader:after {

               opacity: 0;

               box-sizing: border-box;

               -o-box-sizing: border-box;

               -ms-box-sizing: border-box;

               -webkit-box-sizing: border-box;

               -moz-box-sizing: border-box;

               content: “\0020”;

               position: absolute;

               top: 0;

               left: 0;

               width: 100%;

               height: 100%;

               border-radius: 97px;

               border: 5px solid rgb(255, 255, 255);

               box-shadow: 0 0 49px rgb(255, 255, 255), inset 0 0 49px rgb(255, 255, 255);

               -o-box-shadow: 0 0 49px rgb(255, 255, 255), inset 0 0 49px rgb(255, 255, 255);

               -ms-box-shadow: 0 0 49px rgb(255, 255, 255), inset 0 0 49px rgb(255, 255, 255);

               -webkit-box-shadow: 0 0 49px rgb(255, 255, 255), inset 0 0 49px rgb(255, 255, 255);

               -moz-box-shadow: 0 0 49px rgb(255, 255, 255), inset 0 0 49px rgb(255, 255, 255);

           }

 

           .cssload-loader:after {

               z-index: 1;

               animation: cssload-gogoloader 2.3s infinite 1.15s;

               -o-animation: cssload-gogoloader 2.3s infinite 1.15s;

               -ms-animation: cssload-gogoloader 2.3s infinite 1.15s;

               -webkit-animation: cssload-gogoloader 2.3s infinite 1.15s;

               -moz-animation: cssload-gogoloader 2.3s infinite 1.15s;

           }

 

           .cssload-loader:before {

               z-index: 2;

               animation: cssload-gogoloader 2.3s infinite;

               -o-animation: cssload-gogoloader 2.3s infinite;

               -ms-animation: cssload-gogoloader 2.3s infinite;

               -webkit-animation: cssload-gogoloader 2.3s infinite;

               -moz-animation: cssload-gogoloader 2.3s infinite;

           }

 

           @keyframes cssload-gogoloader {

               0% {

                   transform: scale(0);

                   opacity: 0;

               }

               50% {

                   opacity: 1;

               }

               100% {

                   transform: scale(1);

                   opacity: 0;

               }

           }

 

           @-o-keyframes cssload-gogoloader {

               0% {

                   -o-transform: scale(0);

                   opacity: 0;

               }

               50% {

                   opacity: 1;

               }

               100% {

                   -o-transform: scale(1);

                   opacity: 0;

               }

           }

 

           @-ms-keyframes cssload-gogoloader {

               0% {

                   -ms-transform: scale(0);

                   opacity: 0;

               }

               50% {

                   opacity: 1;

               }

               100% {

                   -ms-transform: scale(1);

                   opacity: 0;

               }

           }

 

           @-webkit-keyframes cssload-gogoloader {

               0% {

                   -webkit-transform: scale(0);

                   opacity: 0;

               }

               50% {

                   opacity: 1;

               }

               100% {

                   -webkit-transform: scale(1);

                   opacity: 0;

               }

           }

 

           @-moz-keyframes cssload-gogoloader {

               0% {

                   -moz-transform: scale(0);

                   opacity: 0;

               }

               50% {

                   opacity: 1;

               }

               100% {

                   -moz-transform: scale(1);

                   opacity: 0;

               }

           }

 

           table, td, th, tr, thead, tbody {

               color: White;

           }

 

           div#countTable_info, div#countTable_paginate {

               color: Black;

               padding: 10px;

           }

 

           div#countTable_length, div#countTable_filter {

               color: white;

               padding: 10px;

           }

 

           table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd, table.dataTable tr.even {

               background-color: transparent !important;

           }

 

           table.dataTable tr.odd td.sorting_2 {

               background-color: transparent !important;

           }

 

           table.dataTable tr.odd td.sorting_3 {

               background-color: transparent !important;

           }

 

           table.dataTable tr.even td.sorting_1 {

               background-color: transparent !important;

           }

 

           table.dataTable tr.even td.sorting_2 {

               background-color: transparent !important;

           }

 

           table.dataTable tr.even td.sorting_3 {

               background-color: transparent !important;

           }

 

           table.dataTable th, table.dataTable td {

               border-right: 1px solid white;

               font-size: small;

           }

 

           #newLead {

               position: relative;

               margin-bottom: 20px;

               background: white;

               border-radius: 4px;

           }

 

           #logoutBtn {

           / / position: relative;

           / / left: 80 %;

           / / margin-bottom: 20 px;

           / / background: white;

           / / border-radius: 4 px;

           }

 

           div#countTable_paginate a {

               color: Black !important;

           }

 

           .errorMessage {

               color: red;

               font-size: 15px;

           }

 

           body {

               font-family: “Lato”, sans-serif;

               background: lightgrey;

           }

 

           ul.tab {

               list-style-type: none;

               margin: 0;

               padding: 0;

               overflow: hidden;

               border: 1px solid #ccc;

               background-color: #f1f1f1;

           }

 

           /* Float the list items side by side */

           ul.tab li {

               float: left;

           }

 

           /* Style the links inside the list items */

           ul.tab li a {

               display: inline-block;

               color: black;

               text-align: center;

               padding: 14px 16px;

               text-decoration: none;

               transition: 0.3s;

               font-size: 17px;

           }

 

           /* Change background color of links on hover */

           ul.tab li a:hover {

               background-color: #ddd;

           }

 

           /* Create an active/current tablink class */

           ul.tab li a:focus, .active {

               background-color: #ccc;

           }

 

           /* Style the tab content */

           .tabcontent {

               display: none;

               padding: 6px 12px;

               border: 1px solid #ccc;

               border-top: none;

           }

 

           /*———————————————-sorting and pagination style…………………………………*/

           .sorting:not(.no-sort) {

               background: #f2f3f3 url(‘{! URLFOR($Resource.jQueryDataTablesZip, ‘images/sort_both.png’) }’) no-repeat center right !important;

               padding-right: 20px !important;

           }

 

           .sorting_asc:not(.no-sort) {

               background: #f2f3f3 url(‘{! URLFOR($Resource.jQueryDataTablesZip, ‘images/sort_asc.png’) }’) no-repeat center right !important;

               padding-right: 20px !important;

           }

 

           .sorting_desc:not(.no-sort) {

               background: #f2f3f3 url(‘{! URLFOR($Resource.jQueryDataTablesZip, ‘images/sort_desc.png’) }’) no-repeat center right !important;

               padding-right: 20px !important;

           }

 

           .sorting_asc_disabled:not(.no-sort) {

               background: #f2f3f3 url(‘{! URLFOR($Resource.jQueryDataTablesZip, ‘images/sort_asc_disabled.png’) }’) no-repeat center right !important;

               padding-right: 20px !important;

           }

 

           .sorting_desc_disabled:not(.no-sort) {

               background: #f2f3f3 url(‘{! URLFOR($Resource.jQueryDataTablesZip, ‘images/sort_desc_disabled.png’) }’) no-repeat center right !important;

               padding-right: 20px !important;

           }

 

           table.dataTable tr.odd {

               background-color: white;

           }

 

           table.dataTable tr.even {

               background-color: white;

           }

 

           table.dataTable tr.odd td.sorting_1 {

               background-color: white;

           }

 

           table.dataTable tr.odd td.sorting_2 {

               background-color: white;

           }

 

           table.dataTable tr.odd td.sorting_3 {

               background-color: white;

           }

 

           table.dataTable tr.even td.sorting_1 {

               background-color: white;

           }

 

           table.dataTable tr.even td.sorting_2 {

               background-color: white;

           }

 

           table.dataTable tr.even td.sorting_3 {

               background-color: white;

           }

 

           .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {

               padding: 3px;

           }

       </style>

       <!–……………………… mousechange style for Opportunity Name…………….–>

       <style type=”text/css”>

           .mousechange:hover {

               cursor: pointer;

           }

       </style>

       <script>

           var app = angular.module(‘myApp’, []);

           app.controller(‘myCtrl’, [‘$scope’, function ($scope) {

 

           }]);

           var j$ = jQuery.noConflict();

           function refreshTable() {

               var classList = [‘tabcontent_Callback’,’tabcontent_Opp’,’tabcontent_MIL’,’tabcontent_NBL’,’tabcontent_Account’,’tabcontent_Contact’];

               for (var i = 0; i < classList.length; i++) {

                   var classVal = classList[i];

                   var orderVal = [];

                   var sortingVal = {};

                   if(classVal === ‘tabcontent_Callback’) {

                       orderVal.push(2);

                       orderVal.push(‘asc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(0);

                   }else if(classVal === ‘tabcontent_Opp’){

                       orderVal.push(1);

                       orderVal.push(‘asc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(0);

                   }else if(classVal === ‘tabcontent_MIL’){

                       orderVal.push(1);

                       orderVal.push(‘desc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(4);

                   }else if(classVal === ‘tabcontent_NBL’){

                       orderVal.push(1);

                       orderVal.push(‘desc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(4);

                   }else if(classVal === ‘tabcontent_Account’){

                       orderVal.push(2);

                       orderVal.push(‘asc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(0);

                   }else if(classVal === ‘tabcontent_Contact’){

                       orderVal.push(2);

                       orderVal.push(‘asc’);

                       sortingVal.bSortable = false;

                       sortingVal.aTargets = [];

                       sortingVal.aTargets.push(0);

                   }

                   j$(‘table.’+classVal).dataTable({

                       sPaginationType: “full_numbers”,

                       “iDisplayLength”: 10,

                       order: [

                           orderVal

                       ],

                       paging: false,

                       “info”: false,

                       searching: false,

                       “aoColumnDefs”: [

                           sortingVal

                       ],

                       “bDestroy”: true

                   });

               }

           }

           function refreshTableWithClass(classVal) {

               var orderVal = [];

               var sortingVal = {};

               if(classVal === ‘tabcontent_Callback’) {

                   orderVal.push(2);

                   orderVal.push(‘asc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(0);

               }else if(classVal === ‘tabcontent_Opp’){

                   orderVal.push(1);

                   orderVal.push(‘asc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(0);

               } else if(classVal === ‘tabcontent_MIL’){

                   orderVal.push(1);

                   orderVal.push(‘desc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(4);

               }else if(classVal === ‘tabcontent_NBL’){

                   orderVal.push(1);

                   orderVal.push(‘desc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(4);

               }else if(classVal === ‘tabcontent_Account’){

                   orderVal.push(2);

                   orderVal.push(‘asc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(0);

               }else if(classVal === ‘tabcontent_Contact’){

                   orderVal.push(2);

                   orderVal.push(‘asc’);

                   sortingVal.bSortable = false;

                   sortingVal.aTargets = [];

                   sortingVal.aTargets.push(0);

               }

               j$(‘table.’+classVal).dataTable({

                   sPaginationType: “full_numbers”,

                   “iDisplayLength”: 10,

                   order: [

                       orderVal

                   ],

                   paging: false,

                   “info”: false,

                   searching: false,

                   “aoColumnDefs”: [

                       sortingVal

                   ],

                   “bDestroy”: true

               });

               j$(‘.no-sort’).off(‘click’);

           }

       </script>

   </head>

   <body onload=”openCity(event, ‘Account’);” onpageshow=”if (event.persisted) noBack();” onunload=””>

   <div id=”mainLoginArea”>

       <div id=”loginContainer”>

           <div id=”logo” align=”Left” style=”text-align:center;”>

               <img src=”{!URLFOR($Resource.CompanyLogo)}” alt=”AgentFind Logo”

                    Style=”Height: 150px;width: 150px; padding-top: 2%; padding-bottom: 1%;”/>

           </div>

 

           <div id=”loginFormDiv”>

               <div class=”cssload-loader” style=”display: none;”></div>

               <form id=”loginForm”>

                   <label class=”loginFormLabel” for=”username”>Username</label><br/>

                   <input class=”loginFormInput” id=”loginUsername” type=”text” name=”username”/><br/>

                   <label class=”loginFormLabel” for=”password”>Password</label><br/>

                   <input class=”loginFormInput” id=”loginPassword” type=”password” name=”password”/><br/>

                   <input class=”loginFormButton” onclick=”validateCredentials();” type=”button” value=”Log In”/><br/>

                   <label class=”errorMessage” style=”display : none;”>Error Messages</label>

               </form>

           </div>

       </div>

   </div>

 

   <div id=”opportunityMainContainer” style=”display: none;”>

       <div class=”slds”>

           <div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;”>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-2 slds-large-size–1-of-2 slds-text-align–left”>

                   <img src=”{!URLFOR($Resource.CompanyLogo)}” alt=”AgentFind Logo”

                        Style=”Height: 70px; padding-left: 5%;”/>

                   <label class=”loginFormLabel” for=”SearchAccount” style=”margin-left: 10px;”>Search Account</label>

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-2 slds-large-size–1-of-2 slds-text-align–right”>

                   <input class=”slds-button slds-button–neutral slds-not-selected” type=”button” value=”Log out”

                          id=”logoutBtn” onclick=”logout();” style=”margin-right:10px; margin-top:1px;”/>

               </div>

           </div>

       </div>

       <div class=”slds”>

           <div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-left:10px;”>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-3 slds-large-size–1-of-3 slds-text-align–right”>

                   <input class=”slds-input” name=”SearchAccount” id=”searchAcc” type=”text”/><span id=”searchSpan”

                                                                                                    style=”color:Red; font-weight:bold”></span>

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-2 slds-large-size–1-of-3 slds-text-align–left”>

                   <input class=”slds-button slds-button–neutral slds-not-selected” type=”button”

                          value=”Search Account ” onclick=”searchAcc();”

                          style=”position: relative; margin-bottom: 20px; background: white; border-radius: 4px;”></input>

                   <input class=”slds-button slds-button–neutral slds-not-selected” type=”button”

                          value=”Create New Lead” id=”newLead” onclick=”newLeadRedirect(); return false;”

                          style=”position: relative; margin-bottom: 20px; background: white; border-radius: 4px;”/>

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-3 slds-large-size–1-of-3 slds-text-align–left”>

               </div>

 

           </div>

       </div>

 

       <div>

           <ul class=”tab”>

               <li><a href=”javascript:void(0)” class=”tablinks” onload=”openCity(event, ‘Account’);”

                      onclick=”openCity(event, ‘Account’);”>Account</a></li>

               <li><a href=”javascript:void(0)” class=”tablinks”

                      onclick=”openCity(event, ‘Opportunity’);”>Opportunity</a></li>

               <li><a href=”javascript:void(0)” class=”tablinks” onclick=”openCity(event, ‘Contact’);”>Contact</a></li>

               <li><a href=”javascript:void(0)” class=”tablinks” onclick=”openCity(event, ‘NoBuyReason’);”>No Buy

                   List</a></li>

               <li><a href=”javascript:void(0)” class=”tablinks” onclick=”openCity(event, ‘MissingInformationList’);”>Missing

                   Information List</a></li>

               <li><a href=”javascript:void(0)” class=”tablinks” onclick=”openCity(event, ‘CallbackListData’);”>Callback

                   List</a></li>

           </ul>

           <div class=”slds-grid slds-wrap slds-grid–pull-padded”>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-1 slds-large-size–1-of-1 slds-text-align–right”>

 

                   <div id=”Account” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtons”>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!Beginning}” title=”Beginning” value=”<<“

                                                           disabled=”{!disablePrevious}” reRender=”myPanel,myButtons”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Account’);”/>

                                       <apex:commandButton action=”{!Previous}” title=”Previous” value=”<“

                                                           disabled=”{!disablePrevious}” reRender=”myPanel,myButtons”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Account’);”/>

                                       <apex:commandButton action=”{!Next}” title=”Next” value=”>”

                                                           disabled=”{!disableNext}” reRender=”myPanel,myButtons”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Account’);”/>

                                       <apex:commandButton action=”{!End}” title=”End” value=”>>”

                                                           disabled=”{!disableNext}” reRender=”myPanel,myButtons”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Account’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!total_size}” collapsible=”false”

                                                  columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”searchallAccountdatatable” rerender=”myPanel”>

                                       <apex:param name=”param1″ value=”” assignTo=”{!AccountSearchinTable}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”searchallAccountdata(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanel”>

                                   <apex:pageMessages id=”theMessages”/>

                                   <apex:pageBlockTable value=”{!Accounts}” var=”account” cellspacing=”2px”

                                                        align=”center” styleClass=”tabcontent_Account”>

                                     

                                       <apex:column headerClass=”no-sort”>

                                           <apex:form >

                                               <apex:commandButton styleClass=”slds-button slds-button–brand slds-button–neutral slds-not-selected”

                                                       value=”物件作成” onClick=”CreateMutlipleOpp(‘{!account.Id}’); return false; “/>

                                           </apex:form>

                                       </apex:column>

                                       <apex:column value=”{!account.Sales_Rep__r.Name}”/>

                                       <apex:column value=”{!account.Name}”/>

                                       <apex:column value=”{!account.Phone}”/>

                                       <apex:column value=”{!account.Initial_Contact_Data_and_Time__c}”/>

                                       <apex:column value=”{!account.Kana_First_Name__c}”/>

                                       <apex:column value=”{!account.Kana_Last_Name__c}”/>

                                       <apex:column value=”{!account.Kanji_First_Name__c}”/>

                                       <apex:column value=”{!account.Kanji_Last_Name__c}”/>

 

                                       <apex:facet name=”footer”>Showing Page # {!pageNumber}

                                           of {!totalPages}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

 

                   <div id=”Opportunity” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtonsOpp”>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!BeginningOpp}” title=”Beginning” value=”<<“

                                                           disabled=”{!DisablePreviousOpp}”

                                                           reRender=”myPanelOpp,myButtonsOpp”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Opp’);”/>

                                       <apex:commandButton action=”{!PreviousOpp}” title=”Previous” value=”<“

                                                           disabled=”{!DisablePreviousOpp}”

                                                           reRender=”myPanelOpp,myButtonsOpp”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Opp’);”/>

                                       <apex:commandButton action=”{!NextOpp}” title=”Next” value=”>”

                                                           disabled=”{!DisableNextOpp}”

                                                           reRender=”myPanelOpp,myButtonsOpp”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Opp’);”/>

                                       <apex:commandButton action=”{!EndOpp}” title=”End” value=”>>”

                                                           disabled=”{!DisableNextOpp}”

                                                           reRender=”myPanelOpp,myButtonsOpp”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Opp’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!Total_sizeOpp}” collapsible=”false”

                                                  columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”searchallOpportunitydatatable” rerender=”myPanelOpp”>

                                       <apex:param name=”param1″ value=”” assignTo=”{!textinputopptable}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”searchallOpportunitydata(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanelOpp”>

                                   <apex:pageMessages id=”theMessages”/>

                                   <apex:pageBlockTable value=”{!Opportunities}” var=”oppp” cellspacing=”2px”

                                                        align=”center” styleclass=”tabcontent_Opp”>

                                       <apex:column value=”{!oppp.Initianl_Contact_Data_and_Time__c}” headerClass=”no-sort”/>

                                       <apex:column value=”{!oppp.Name}” id=”searchOppIdwithName”

                                                    styleclass=”mousechange” style=”color: #0000ff;”

                                                    onclick=”searchOpportunitywithPhone(‘{!oppp.Account.Phone}’,'{!oppp.Account.Id}’,'{!oppp.Id}’);”/>

                                       <apex:column value=”{!oppp.Account.Name}”/>

                                       <apex:column value=”{!oppp.Account.Kana_First_Name__c}”/>

                                       <apex:column value=”{!oppp.Account.Kana_Last_Name__c }”/>

                                       <apex:facet name=”footer”>Showing Page # {!PageNumberOpp}

                                           of {!TotalPagesOpp}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

 

                   <div id=”Contact” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtonsCon”>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!BeginningCon}” title=”Beginning” value=”<<“

                                                           disabled=”{!DisablePreviousCon}”

                                                           reRender=”myPanelCon,myButtonsCon”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Contact’);”/>

                                       <apex:commandButton action=”{!PreviousCon}” title=”Previous” value=”<“

                                                           disabled=”{!DisablePreviousCon}”

                                                           reRender=”myPanelCon,myButtonsCon”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Contact’);”/>

                                       <apex:commandButton action=”{!NextCon}” title=”Next” value=”>”

                                                           disabled=”{!DisableNextCon}”

                                                           reRender=”myPanelCon,myButtonsCon”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Contact’);”/>

                                       <apex:commandButton action=”{!EndCon}” title=”End” value=”>>”

                                                           disabled=”{!DisableNextCon}”

                                                           reRender=”myPanelCon,myButtonsCon”

                                                           onComplete=”reinitialize_Table(‘tabcontent_Contact’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!Total_sizeCon}” collapsible=”false”

                                                  columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”searchContactdatatable” rerender=”myPanelCon”>

                                       <apex:param name=”param1″ value=”” assignTo=”{!Contactinputopptable}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”searchContactdata(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanelCon”>

                                   <apex:pageMessages id=”theMessages”/>

                                   <apex:pageBlockTable value=”{!Contacts}” var=”Cons” cellspacing=”2px”

                                                        align=”center” styleClass=”tabcontent_Contact”>

                                       <apex:column value=”{!Cons.Sales_Rep__r.Name}” headerClass=”no-sort”/>

                                       <apex:column value=”{!Cons.FirstName}”/>

                                       <apex:column value=”{!Cons.LastName}”/>

                                       <apex:column value=”{!Cons.Kana_First_Name__c}”/>

                                       <apex:column value=”{!Cons.Kana_Last_Name__c}”/>

                                       <apex:column value=”{!Cons.Kanji_First_Name__c}”/>

                                       <apex:column value=”{!Cons.Kanji_Last_Name__c}”/>

                                       <apex:facet name=”footer”>Showing Page # {!PageNumberCon}

                                           of {!TotalPagesCon}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

 

                   <div id=”NoBuyReason” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtonsOpp1″>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!BeginningNoBuyReason}” title=”Beginning”

                                                           value=”<<” disabled=”{!DisablePreviousNoBuyReason}”

                                                           reRender=”myPanelOpp1,myButtonsOpp1″

                                                           onComplete=”reinitialize_Table(‘tabcontent_NBL’);”/>

                                       <apex:commandButton action=”{!PreviousNoBuyReason}” title=”Previous” value=”<“

                                                           disabled=”{!DisablePreviousNoBuyReason}”

                                                           reRender=”myPanelOpp1,myButtonsOpp1″

                                                           onComplete=”reinitialize_Table(‘tabcontent_NBL’);”/>

                                       <apex:commandButton action=”{!NextNoBuyReason}” title=”Next” value=”>”

                                                           disabled=”{!DisableNextNoBuyReason}”

                                                           reRender=”myPanelOpp1,myButtonsOpp1″

                                                           onComplete=”reinitialize_Table(‘tabcontent_NBL’);”/>

                                       <apex:commandButton action=”{!EndNoBuyReason}” title=”End” value=”>>”

                                                           disabled=”{!DisableNextNoBuyReason}”

                                                           reRender=”myPanelOpp1,myButtonsOpp1″

                                                           onComplete=”reinitialize_Table(‘tabcontent_NBL’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!total_sizeNoBuyReason}” collapsible=”false”

                                                  columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”searchNoBuyReasonTable” rerender=”myPanelOpp1″>

                                       <apex:param name=”param1″ value=”” assignTo=”{!NoBuyReasontextinputopptable}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”NoBuyReasondata(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanelOpp1″>

                                   <apex:pageMessages id=”theMessages”/>

                                   <apex:pageBlockTable value=”{!opportunities1}” var=”oppp1″ cellspacing=”2px”

                                                        align=”center” styleClass=”tabcontent_NBL”>

                                       <apex:column value=”{!oppp1.Name}”

                                                    styleclass=”mousechange” style=”color: #0000ff;”

                                                    onclick=”searchOpportunitywithPhone(‘{!oppp1.Account.Phone}’,'{!oppp1.Account.Id}’,'{!oppp1.Id}’);”/>

                                       <apex:column value=”{!oppp1.Initianl_Contact_Data_and_Time__c}”/>

                                       <apex:column value=”{!oppp1.Account.Phone}”/>

                                       <apex:column value=”{!oppp1.Account.Mobile__c}”/>

                                       <apex:column value=”{!oppp1.No_Buy_Reason__c}” style=”word-break: break-word;” headerClass=”no-sort”/>

                                       <apex:facet name=”footer”>Showing Page # {!PageNumberNoBuyReason}

                                           of {!TotalPagesNoBuyReason}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

 

                   <div id=”MissingInformationList” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtonsOpp2″>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!BeginningMissingInformationList}”

                                                           title=”Beginning” value=”<<“

                                                           disabled=”{!DisablePreviousMissingInformationList}”

                                                           reRender=”myPanelOpp2,myButtonsOpp2″

                                                           onComplete=”reinitialize_Table(‘tabcontent_MIL’);”/>

                                       <apex:commandButton action=”{!PreviousMissingInformationList}” title=”Previous”

                                                           value=”<“

                                                           disabled=”{!DisablePreviousMissingInformationList}”

                                                           reRender=”myPanelOpp2,myButtonsOpp2″

                                                           onComplete=”reinitialize_Table(‘tabcontent_MIL’);”/>

                                       <apex:commandButton action=”{!NextMissingInformationList}” title=”Next”

                                                           value=”>” disabled=”{!DisableNextMissingInformationList}”

                                                           reRender=”myPanelOpp2,myButtonsOpp2″

                                                           onComplete=”reinitialize_Table(‘tabcontent_MIL’);”/>

                                       <apex:commandButton action=”{!EndMissingInformationList}” title=”End” value=”>>”

                                                           disabled=”{!DisableNextMissingInformationList}”

                                                           reRender=”myPanelOpp2,myButtonsOpp2″

                                                           onComplete=”reinitialize_Table(‘tabcontent_MIL’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!total_sizeMissingInformationList}”

                                                  collapsible=”false” columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”MissingInformationTable” rerender=”myPanelOpp2″>

                                       <apex:param name=”param1″ value=”” assignTo=”{!MissingInformationtextinputopptable}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”MissingInformationdata(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanelOpp2″>

                                   <apex:pageMessages id=”theMessages”/>

                                   <apex:pageBlockTable value=”{!MissingInformationList}” var=”oppp2″ cellspacing=”2px”

                                                        align=”center” styleClass=”tabcontent_MIL”>

                                       <apex:column value=”{!oppp2.Name}”

                                                    styleclass=”mousechange” style=”color: #0000ff;”

                                                    onclick=”searchOpportunitywithPhone(‘{!oppp2.Account.Phone}’,'{!oppp2.Account.Id}’,'{!oppp2.Id}’);”/>

                                       <apex:column value=”{!oppp2.Initianl_Contact_Data_and_Time__c}”/>

                                       <apex:column value=”{!oppp2.Account.Phone}”/>

                                       <apex:column value=”{!oppp2.Account.Mobile__c}”/>

                                       <apex:column value=”{!oppp2.No_Buy_Reason__c}”  headerClass=”no-sort”

                                                    headerValue=”Missing Information List” style=”word-break: break-word;”/>

                                       <apex:facet name=”footer”>Showing Page # {!PageNumberMissingInformationList}

                                           of {!TotalPagesMissingInformationList}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

                   <div id=”CallbackListData” class=”tabcontent”>

                       <apex:pageBlock rendered=”True”>

                           <apex:pageBlockButtons location=”both”>

                               <apex:outputPanel id=”myButtonsOpp3″>

                                   <apex:form style=”margin: 0 auto;margin-left: 22%;”>

                                       <apex:commandButton action=”{!BeginningCallbackList}” title=”Beginning”

                                                           value=”<<” disabled=”{!DisablePreviousCallbackList}”

                                                           reRender=”myPanelOpp3,myButtonsOpp3″

                                                           onComplete=”reinitialize_Table(‘tabcontent_Callback’);”/>

                                       <apex:commandButton action=”{!PreviousCallbackList}” title=”Previous” value=”<“

                                                           disabled=”{!DisablePreviousCallbackList}”

                                                           reRender=”myPanelOpp3,myButtonsOpp3″

                                                           onComplete=”reinitialize_Table(‘tabcontent_Callback’);”/>

                                       <apex:commandButton action=”{!NextCallbackList}” title=”Next” value=”>”

                                                           disabled=”{!DisableNextCallbackList}”

                                                           reRender=”myPanelOpp3,myButtonsOpp3″

                                                           onComplete=”reinitialize_Table(‘tabcontent_Callback’);”/>

                                       <apex:commandButton action=”{!EndCallbackList}” title=”End” value=”>>”

                                                           disabled=”{!DisableNextCallbackList}”

                                                           reRender=”myPanelOpp3,myButtonsOpp3″

                                                           onComplete=”reinitialize_Table(‘tabcontent_Callback’);”/>

                                   </apex:form>

                               </apex:outputPanel>

                           </apex:pageBlockButtons>

                           <apex:pageBlockSection title=”Total List Size: {!Total_sizeCallbackList}”

                                                  collapsible=”false” columns=”1″>

                               <apex:form style=”text-align: right; font-size: .9em;”>

                                   <apex:actionFunction name=”searchallOppAF” rerender=”myPanelOpp3″>

                                       <apex:param name=”param1″ value=”” assignTo=”{!textinput}”/>

                                   </apex:actionFunction>

                                   <h3>Search: </h3>

                                   <input type=”text” onkeyup=”searchallOppJS(this.value);” />

                               </apex:form>

                               <apex:outputPanel id=”myPanelOpp3″>

                                   <apex:pageBlockTable value=”{!CallbackListData}” var=”opp” cellspacing=”2px”

                                                        align=”center” styleclass=”tabcontent_Callback”>

                                       <apex:column value=”{!opp.Name}” id=”searchOppIdwithName” headerClass=”no-sort”

                                                    styleclass=”mousechange no-sort” style=”color: #0000ff;”

                                                    onclick=”searchOpportunitywithPhone(‘{!opp.Account.Phone}’,'{!opp.Account.Id}’,'{!opp.Id}’);”/>

                                       <apex:column value=”{!opp.Initianl_Contact_Data_and_Time__c}”/>

                                       <apex:column value=”{!opp.Next_Call_Date_Time__c}”/>

                                       <apex:column value=”{!opp.Dialog_History__c}” style=”word-break: break-word;”/>

                                       <apex:facet name=”footer”>Showing Page # {!PageNumberCallbackList}

                                           of {!TotalPagesCallbackList}</apex:facet>

                                   </apex:pageBlockTable>

                               </apex:outputPanel>

                           </apex:pageBlockSection>

                       </apex:pageBlock>

                   </div>

               </div>

           </div>

       </div>

   </div>

   </body>

   <script type=”text/javascript”>

 

       function searchallOppJS(val) {

           console.log(val);

           searchallOppAF(val);

       }

       function searchallOpportunitydata(val) {

           console.log(val);

           searchallOpportunitydatatable(val);

       }

       function searchallAccountdata(val) {

           console.log(val);

           searchallAccountdatatable(val);

       }

       function NoBuyReasondata(val) {

           console.log(val);

           searchNoBuyReasonTable(val);

       }

       function MissingInformationdata(val) {

           console.log(val);

           MissingInformationTable(val);

       }

       function searchContactdata(val) {

           console.log(val);

           searchContactdatatable(val);

       }

   </script>

 

   <script type=”text/javascript”>

       var repId = null;

       var repName = null;

       // var SalesRepId = location.search.split(‘myParam=’)[1]

       j$(function () {

           j$(‘body’).css(‘display’, ‘block’);

           var checkKey = ‘eHbMgHpPXLU98Sn9a25t1g==’;

           var sessionExist = j$.session.get(checkKey);

           //alert(‘sessionExist=’+sessionExist);

           if (sessionExist != undefined) {

               successfulLogin();

           }

           refreshTable();

       });

       function reinitialize_Table(val) {

           //alert(val);

           try {

               var tableCurrent = j$(‘table.’+val).dataTable();

               tableCurrent.fnDestroy();

               refreshTableWithClass(val);

           } catch (ex) {

               alert(ex);

           }

       }

       function newLeadRedirect() {

           var myParam = getQueryVariable(“Id”);

           var URL = window.location.toString();

           console.log(URL);

           var newURL = URL.replace(“repLoginPage”, “LeadCreationPage”)

           console.log(‘newURL’ + newURL);

           if (myParam != undefined) {

               //alert(‘myParam???>>>’+myParam);

               window.location.href = newURL;

           }

       }

 

       window.history.forward();

       function noBack() {

           window.history.forward(-1);

           //window.location.reload(true);

       }

       /*Search Opportunity with Phone and hide message overclick outside table*/

       function searchOpportunitywithPhone(oppRecordId,accountname,oppid) {

           if (oppRecordId != null && oppRecordId != ”) {

               //alert(‘You want to open Update Page. Phone: ‘ + oppRecordId);

           }

           var searchOpportunitywithPhonenumber = oppRecordId;

           var URL = window.location.toString();

           var newURL = URL.replace(“repLoginPage”, “LeadCreationPage”)

           if (searchOpportunitywithPhonenumber != undefined && searchOpportunitywithPhonenumber != ”) {

               var myParam = location.search.split(‘Id=’)[1];

               //var myParam = getQueryVariable(“Id”);

               //alert(‘myParam???>>>’+myParam);

               //***************************Asharaf***********************************************

               /* if( searchOpportunitywithPhonenumber.includes(‘ ‘) == true || searchOpportunitywithPhonenumber.includes(‘  ‘) == true)

                {

                   searchOpportunitywithPhonenumber = searchOpportunitywithPhonenumber.replace(” “,””);

                }*/

               

               //**********************************************************************************

               var newlink = newURL + ‘&searchText=’ + searchOpportunitywithPhonenumber+’&AccId=’+accountname+’&OppId=’+oppid;

               window.open(newlink, “_blank”);

           } else if (searchOpportunitywithPhonenumber == undefined || searchOpportunitywithPhonenumber == ”) {

               document.getElementById(“searchSpan”).innerHTML = “Sorry!Account Missing.”;

               j$(document).mouseup(function (e) {

                   var container = $(“#searchSpan”);

 

                   // if the target of the click isn’t the container nor a descendant of the container

                   if (!container.is(e.target) && container.has(e.target).length === 0) {

                       container.html(”);

                   }

               });

               //alert(‘myParam???>>>’+myParam);

           }

       }

 

       /*Multiple Opportunity on account table button click*/

       function CreateMutlipleOpp(AccId) {

           if (AccId != null && AccId != ”) {

               //alert(‘You want to open new Opportunity Creation Page. Account ID: ‘ + AccId);

           }

           var NewOpportunitywithAccId = AccId;

           if (NewOpportunitywithAccId != undefined && NewOpportunitywithAccId != ”) {

               var myParam = location.search.split(‘Id=’)[1];

               var myParam = getQueryVariable(“Id”);

               //alert(‘myParam???>>>’+myParam);

               var newlink = ‘/apex/OtherOpportunityCreationPage?id=’ + NewOpportunitywithAccId;

               window.open(newlink, “_blank”);

           } else if (NewOpportunitywithAccId == undefined || NewOpportunitywithAccId == ”) {

               document.getElementById(“searchSpan”).innerHTML = “Sorry!Account Number Missing.”;

               //alert(‘myParam???>>>’+myParam);

           }

       }

 

       function searchAcc() {

           var searchAcc = j$(‘#searchAcc’).val();

           var URL = window.location.toString();

           var newURL = URL.replace(“repLoginPage”, “LeadCreationPage”)

           if (searchAcc != undefined && searchAcc != ”) {

               //var myParam = location.search.split(‘Id=’)[1];

               var myParam = getQueryVariable(“Id”);

               //alert(‘myParam???>>>’+myParam);

               window.location.href = newURL + ‘&searchText=’ + searchAcc;

           } else if (searchAcc == undefined || searchAcc == ”) {

               document.getElementById(“searchSpan”).innerHTML = “*”;

           }

       }

 

       function getQueryVariable(variable) {

           var query = window.location.search.substring(1);

           var vars = query.split(“&”);

           //alert(‘In getQueryVariable function’);

           for (var i = 0; i < vars.length; i++) {

               var pair = vars[i].split(“=”);

               if (pair[0] == variable) {

                   //alert(‘In parameter function’+pair[0]);

                   //alert(‘In parameter function’+pair[1]);

                   return pair[1];

               }

           }

           //alert(‘Query Variable ‘ + variable + ‘ not found’);

       }

 

       function validateCredentials() {

           var username = j$(‘#loginUsername’).val();

           var password = j$(‘#loginPassword’).val();

           j$(‘.cssload-loader’).show();

           repLogin.validateCredentials(username, password, function (result, event) {

               console.log(‘>>>>Result>>>’ + result);

               if (result == ‘Multiple’) {

                   //alert(‘Multiple Username Found.’);

                   j$(‘.errorMessage’).show();

                   j$(‘.errorMessage’).text(‘ERROR : Mutiple Username Found!!!’);

                   j$(‘.cssload-loader’).hide();

               } else if (result == ‘Password Wrong’) {

                   //alert(‘Wrong Password Entered.’);

                   j$(‘.errorMessage’).show();

                   j$(‘.errorMessage’).text(‘ERROR : Invalid Password!!!’);

                   j$(‘.cssload-loader’).hide();

               } else if (result == ‘Not Found’) {

                   //alert(‘Wrong Username Entered.’);

                   j$(‘.errorMessage’).show();

                   j$(‘.errorMessage’).text(‘ERROR : Invalid Username!!!’);

                   j$(‘.cssload-loader’).hide();

               } else if (result.indexOf(‘a0F’) > -1) {

                   //alert(‘You are ready to go.’);

                   idandName = new Array();

                   idandName = result.split(“,”);

                   repId = idandName[0];

                   repName = idandName[1];

                   console.log(‘repName’ + repName);

                   console.log(‘repId’ + repId);

                   successfulLogin();

                   var key = ‘eHbMgHpPXLU98Sn9a25t1g==’;

                   var value = ‘kcr5WLZ+qfKbI0NSA/eTgg==’;

                   j$.session.set(key, value);

                   j$(‘body’).css(‘display’, ‘none’);

                   //window.location.href = ‘https://iranai.secure.force.com/iranai/repLoginPage?Id=’+repId+’&repName=’+repName ;

                   window.location.href = ‘https://devsandbox-iranai.cs60.force.com/repLoginPage?Id=’ + repId + ‘&repName=’ + repName;//For Sandbox

                   // window.location.href = ‘http://agentfind.force.com/agentfind?Sales_Rep__cId=’+repId ;

               }

           });

       }

       function successfulLogin() {

 

           j$(‘#mainLoginArea’).hide();

           j$(‘#homeModel’).hide();

           j$(‘#opportunityMainContainer’).show();

       }

       function logout() {

           j$(‘#mainLoginArea’).show();

           j$(‘#homeModel’).show();

           j$(‘#opportunityMainContainer’).hide();

           j$.session.clear();

           //window.location.href = ‘https://iranai.secure.force.com/iranai’;

           window.location.href = ‘https://devsandbox-iranai.cs60.force.com’;//For Sandbox

       }

       function openCity(evt, ObjectName) {

           var i, tabcontent, tablinks;

           tabcontent = document.getElementsByClassName(“tabcontent”);

           for (i = 0; i < tabcontent.length; i++) {

               tabcontent[i].style.display = “none”;

           }

           tablinks = document.getElementsByClassName(“tablinks”);

           for (i = 0; i < tablinks.length; i++) {

               tablinks[i].className = tablinks[i].className.replace(” active”, “”);

           }

           document.getElementById(ObjectName).style.display = “block”;

           evt.currentTarget.className += ” active”;

       }

   </script>

   </html>

</apex:page>

  1. After that, we redirect to Search Account Page, from where we can create a new lead and search for an account. This is used by the sales team. This is shown in the below diagram. From this, we get all information of account, contact, and opportunity. When we create new Lead then there is a section for opportunity and contact also. This helps to create the corresponding opportunity and contact. Then it was automatically created in the related list of Leads. Know more about good loan online

Here is VF page code snippet of Account Search page :

Click here to learn more

<apex:page Controller=”repLogin” sidebar=”False” showHeader=”False” id=”pg”>

<apex:form id=”frm”>

<apex:pageMessages />

<head>

<style>

.attachmentTableTh {

border-width: 0 0 1px 1px;

border-color: #e0e3e5;

color: #000;

font-weight: bold;

padding: 5px !important;;

text-align: center !important;

border: 1px solid #bfbfbf;

}

#attachmentsTable td {

text-align: center;

padding: 5px;

border: 1px solid #bfbfbf;

}

</style>

<!– =======ToolTip Phone======== –>

<style>

#tooltip{

display: none;

color: red;

}

</style>

<!–========ToolTip Phone===========  –>

<script type=”text/javascript”

       src=”https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js”></script>

 

<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”/>

 <script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>

 <script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>

<script>

/* $(‘#myiframe’).click(function() {

   document.location.reload();

}); */

//$(“#iframeId”).load(document.URL + ‘ #iframeId’).innerHTML;

/*======ToolTip Phone===========*/

function showtooltip(){

$(“#tooltip”).show();

}

function hidetooltip(){

$(“#tooltip”).hide();

}

/*======ToolTip Phone===========*/

 

function reloadPage(){

$(“#iframeId”).load(document.URL + ‘ #iframeId’);

}

function validateForm(x) {

alert(‘>>>>>’+x);

var atpos = x.indexOf(“@”);

   var dotpos = x.lastIndexOf(“.”);

   if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {

       return false;

   }else{

return true;

}

}

function adjustInputFiles(val) {

//alert(‘val  >>>> ‘+val);

console.log(val);

var container = document.getElementById(‘pg:frm:pBlock’);

console.log(container);

var allInputs = container.getElementsByTagName(‘input’);

for (var index = 0; index < allInputs.length; ++index) {

console.log(index + ‘ : ‘ + allInputs[index]);

var inputElem = allInputs[index];

if (val > index) {

inputElem.style.display = ‘inline-block’;

inputElem.style.visibility = ‘visible’;

} else {

inputElem.style.display = ‘none’;

inputElem.style.visibility = ‘hidden’;

}

// deal with inputs[index] element.

}

}

function searchAccount() {

// $(‘#notFound’).hide();

/*

var OppId1 = getQueryVariable(‘OppId’);

if(OppId1 != undefined){

iframe = $(‘#myiframe’);

iframe.src = iframe.src+’?’+OppId1;

}

*/

var regex = new RegExp(‘\”‘, ‘g’);

$(‘#SavedInfo’).hide();

var URL = window.location;

var searchTex = getQueryVariable(“searchText”);

//alert(searchTex);

                   if (getQueryVariable(“AccId”) != undefined && getQueryVariable(“AccId”) != null && getQueryVariable(“AccId”) != ”) {

                       var AccountId = getQueryVariable(“AccId”);

                   } else {

                       var AccountId = null;

                   }

                   if (getQueryVariable(“OppId”) != undefined && getQueryVariable(“OppId”) != null && getQueryVariable(“OppId”) != ”) {

                       var opportunityId = getQueryVariable(“OppId”);

                   } else {

                       var opportunityId = null;

                   }

 

                   //console.log(‘ searchTex ‘ + searchTex + ‘ AccountId ‘ + AccountId + ‘ opportunityId ‘ + opportunityId);

console.log(‘searchTex:’+searchTex);

if (searchTex != undefined) {

Visualforce.remoting.Manager.invokeAction(

‘{!$RemoteAction.repLogin.createLeads}’, null, null, null, null, AccountId, opportunityId, searchTex, function (result, event) {

   console.log(result);

if (result.acc != undefined && result.opp != undefined && result.con != undefined) {

fillAttachments(‘attachmentsTable’, result.attachments);

angular.element(document.getElementById(‘AccountDiv’)).scope().change2(result);

angular.element(document.getElementById(‘OpportunityDiv’)).scope().change3(result);

angular.element(document.getElementById(‘ContactDiv’)).scope().change4(result);

//$(‘#notFound’).hide();

redirectUrl = URL +’searchText=’+searchTex+’&AccId=’ + (JSON.stringify(result.acc.Id)).replace(regex, ”) + ‘&OppId=’ + (JSON.stringify(result.opp.Id)).replace(regex, ”) + ‘&ConId=’ + (JSON.stringify(result.con.Id)).replace(regex, ”);

redirect();

$(‘#SavedInfo’).show();

reloadPage();

 

} else {

$(‘#SavedInfo’).hide();

//$(‘#notFound’).show();

document.getElementById(“notFound”).innerHTML = “Account Not Found”;

}

},

{escape: false}

);

$(‘#LeadDiv’).hide();

// $(‘#notFound’).hide();

// $(‘#SavedInfo’).show();

}

}

 

function fillAttachments(divId, attachmentsList) {

console.log(divId);

console.log(document.getElementById(divId));

var trList = [];

                   document.getElementById(divId).innerHTML = ”;

for (var i = 0; i < attachmentsList.length; i++) {

var obj = attachmentsList[i];

var trElem = document.createElement(‘TR’);

var tdElem = document.createElement(‘TD’);

var anchorElem = document.createElement(‘A’);

anchorElem.appendChild(document.createTextNode(obj.Name));

anchorElem.setAttribute(‘href’, ‘/’+obj.Id);

tdElem.appendChild(anchorElem);

trElem.appendChild(tdElem);

document.getElementById(divId).appendChild(trElem);

}

console.log(attachmentsList);

}

 

function Lead1() {

this.Seller_agreed_to_share_personal_proper__c = null;

this.Id = null;

this.Is_the_owner_able_to_sign_contract__c = null;

this.Dialog_History__c = null;

this.If_Yes__c = null;

this.If_Yes1__c = null;

this.If_Yes2__c = null;

this.No_Buy_Reason__c = null;

this.Convenient_to_call_back__c = null;

this.Others2__c = null;

this.Sales_Rep__c = null;

this.Call_Back__c = null;

this.Reference_Date_String_field__c = null;

this.Agent__c = null;

this.LastName = null;

this.FirstName = null;

this.Phone = null;

this.MobilePhone = null;

this.Fax = null;

this.Email = null;

this.Company = null;

this.Kanji_First_Name__c = null;

this.Kanji_Last_Name__c = null;

this.Kana_First_Name__c = null;

this.Kana_Last_Name__c = null;

this.Mailing_Zip_Postal_Code16__c = null;

this.Mailing_State_Province17__c = null;

this.Mailing_City18__c = null;

this.Mailing_Street19__c = null;

this.Building_Name__c = null;

this.Room_Number__c = null;

this.Selling_Situation__c = null;

this.LeadSource = null;

this.Selling_Desired_Price__c = null;

this.Mailing_Zip_Postal_Code__c = null;

this.Mailing_State_Province__c = null;

this.Mailing_City__c = null;

this.Mailing_Street1__c = null;

this.Mailing_Street2__c = null;

this.Room_Number2__c = null;

this.Title = null;

this.Owner_Last_Name_Kanji__c = null;

this.Owner_First_Name_Kanji__c = null;

this.Owner_Last_Name_Kana__c = null;

this.Owner_First_Name_Kana__c = null;

this.Owner_Last_Name_English__c = null;

this.Owner_First_Name_English__c = null;

this.Owner_Phone__c = null;

this.Owner_Mailing_Zip_Postal_Code__c = null;

this.Owner_Mailing_State_Province__c = null;

this.Owner_Mailing_City__c = null;

this.Owner_Mailing_Street__c = null;

this.Owner_Building_Name__c = null;

this.Owner_Room_Number__c = null;

this.Zoning_Zip_Postal_Code__c = null;

this.Zoning_State_Province__c = null;

this.Zoning_City__c = null;

this.Zoning_Street1__c = null;

this.Zoning_Street2__c = null;

this.Power_of_Attorney__c = null;

this.Title_Deed__c = null;

this.Inspection_Certificate__c = null;

this.Certificate_of_Boundary_Confirmation__c = null;

this.Bank_Loan_Balance__c = null;

this.Property_Type__c = null;

this.Land_Size_in_Square_Meters__c = null;

this.Building_Size_in_Square_Meters__c = null;

this.Construction_Type__c = null;

this.Direction_Facing__c = null;

this.Building_Completion_Certificate__c = null;

this.Year_Built__c = null;

this.Layout__c = null;

this.Floor_Number__c = null;

this.Parking_Space__c = null;

this.Property_Status__c = null;

this.Condition__c = null;

this.Unnecessary_Matters__c = null;

this.Current_Annual_Income__c = null;

this.Contract_Renewal__c = null;

this.Type_of_Contract__c = null;

this.Garanter__c = null;

this.Management_Companies__c = null;

this.Lease_Contract__c = null;

this.Sublease_Special_Conditions__c = null;

this.Deposit_Compensation_Payment__c = null;

this.Status_Of_Use__c = null;

this.Is_This_Leasehold_Free__c = null;

this.Land_Ownership_Rights__c = null;

this.Type_Of_Rights1__c = null;

this.Type_Of_Rights2__c = null;

this.Grand_Rent__c = null;

this.Excavation_Document__c = null;

this.Road_1__c = null;

this.Road_Width__c = null;

this.Frontage__c = null;

this.Road_2__c = null;

this.Road_Width2__c = null;

this.Frontage2__c = null;

this.Road_3__c = null;

this.Road_Width3__c = null;

this.Frontage3__c = null;

this.Road_4__c = null;

this.Road_Width4__c = null;

this.Frontage4__c = null;

this.Connecting_Road__c = null;

this.Land_Form__c = null;

this.Interior_Exterior_Remarks__c = null;

this.Interior_Exterior__c = null;

this.Extension_and_Reconstruction__c = null;

this.Description = null;

this.Any_Trobles__c = null;

this.Unit_Size_in_Square_Meters__c = null;

this.Layout2__c = null;

this.Floor_Number2__c = null;

this.Year_Built2__c = null;

this.Construction_Type2__c = null;

this.Direction_Facing2__c = null;

this.Parking_Spaces2__c = null;

this.Building_Completion_Certificate2__c = null;

this.Parking_Spaces__c = null;

this.Motorcycle_Parking__c = null;

this.Balcony__c = null;

this.Elevator__c = null;

this.Property_Status2__c = null;

this.Condition2__c = null;

this.Unnecessary_Matters2__c = null;

this.Current_Annual_Income2__c = null;

this.Contract_Renewal2__c = null;

this.Type_of_Contract2__c = null;

this.Garanter2__c = null;

this.Management_Companies2__c = null;

this.Lease_Contract2__c = null;

this.Sublease_Special_Conditions2__c = null;

this.Deposit_Compensation_Payment2__c = null;

this.Status_Of_Use2__c = null;

this.Is_This_Leasehold_Free2__c = null;

this.Land_Ownership_Rights2__c = null;

this.Type_Of_Rights11__c = null;

this.Type_Of_Rights22__c = null;

this.Grand_Rent2__c = null;

this.Interior_Exterior_Remarks2__c = null;

this.Water_Circulated_Areas__c = null;

this.Water_Circulated_Areas2__c = null;

this.Interior_Exterior2__c = null;

this.Type_Of_Building__c = null;

this.Number_Of_Floors__c = null;

this.Land_Size_in_Square_Meters2__c = null;

this.Building_Size_in_Square_Meters2__c = null;

this.Year_Built3__c = null;

this.Store__c = null;

this.Office__c = null;

this.Tenant__c = null;

this.Others__c = null;

this.Construction_Type3__c = null;

this.Direction_Facing3__c = null;

this.Parking_Space2__c = null;

this.Building_Completion_Certificate3__c = null;

this.Property_Status3__c = null;

this.Condition3__c = null;

this.Unnecessary_Matters3__c = null;

this.Current_Annual_Income3__c = null;

this.Annual_Income_When_Fully_Tenanted__c = null;

this.Contract_Renewal3__c = null;

this.Type_of_Contract3__c = null;

this.Garanter3__c = null;

this.Management_Companies3__c = null;

this.Lease_Contract3__c = null;

this.Sublease_Special_Conditions3__c = null;

this.Deposit_Compensation_Payment3__c = null;

this.Status_Of_Use3__c = null;

this.Is_This_Leasehold_Free3__c = null;

this.Land_Ownership_Rights3__c = null;

this.Type_Of_Rights13__c = null;

this.Type_Of_Rights23__c = null;

this.Grand_Rent3__c = null;

this.Excavation_Document2__c = null;

this.Road11__c = null;

this.Road_Width5__c = null;

this.Frontage5__c = null;

this.Road22__c = null;

this.Road_Width6__c = null;

this.Frontage6__c = null;

this.Road33__c = null;

this.Road_Width7__c = null;

this.Frontage7__c = null;

this.Road44__c = null;

this.Road_Width8__c = null;

this.Frontage8__c = null;

this.Connecting_Road2__c = null;

this.Land_Form2__c = null;

this.Interior_Exterior_Remarks3__c = null;

this.Water_Circulated_Areas3__c = null;

this.Interior_Exterior3__c = null;

this.Extension_and_Reconstruction2__c = null;

this.Other_companies_Offer_Agency_or_BuyBack__c = null;

this.Time_of_the_desired_price_claimed__c = null;

this.Reason_to_Sale__c = null;

this.Seller_Type__c = null;

/*

         Date Fields

 

           this.Last_Occupancy_Date__c = null;

           this.Rental_Period_From__c = null;

           this.Rental_Period_To__c = null;

           this.If_Yes_Term_From__c = null;

           this.If_Yes_Term_To__c = null;

           this.Interior_Exterior_About_When__c = null;

           this.E_and_R_About_when__c = null;

           this.Last_Occupancy_Date2__c = null;

           this.Rental_Period_From2__c = null;

           this.Rental_Period_To2__c = null;

           this.If_Yes_Term_From2__c = null;

           this.If_Yes_Term_To2__c = null;

           this.Interior_Exterior_About_When2__c = null;

           this.Last_Occupancy_Date3__c = null;

           this.Rental_Period_From3__c = null;

           this.Rental_Period_To3__c = null;

           this.If_Yes_Term_From3__c = null;

           this.If_Yes_Term_To3__c = null;

           this.Interior_Exterior_About_When3__c = null;

           this.E_and_R_About_when2__c = null;

         */

 

}

 

function Account1() {

this.Id = null;

this.Name = null;

this.Agent__c = null;

this.Phone = null;

this.Kanji_First_Name__c = null;

this.Kana_First_Name__c = null;

this.Kanji_Last_Name__c = null;

this.Kana_Last_Name__c = null;

this.Mobile__c = null;

this.Reference_Date_String_field__c = null;

                   this.Seller_Type__c = null;

 

}

 

function Opportunity1() {

this.Seller_agreed_to_share_personal_proper__c = null;

this.Id = null;

this.Name = null;

this.Dialog_History__c = null;

this.No_Buy_Reason__c = null;

this.StageName = null;

this.Outcome_Results__c = null;

this.Convenient_to_call_back__c = null;

this.If_Yes__c = null;

this.If_Yes1__c = null;

this.If_Yes2__c = null;

this.Is_the_owner_able_to_sign_contract__c = null;

this.Reference_Date_String_field__c = null;

this.Any_Trobles__c = null;

this.Balcony__c = null;

this.Bank_Loan_Balance__c = null;

this.Building_Completion_Certificate__c = null;

this.Building_Completion_Certificate2__c = null;

this.Building_Completion_Certificate3__c = null;

this.Layout3__c = null;

this.Mailing_Zip_Postal_Code16__c = null;

this.Building_Size_in_Square_Meters__c = null;

this.Building_Size_in_Square_Meters2__c = null;

this.Certificate_of_Boundary_Confirmation__c = null;

this.Condition__c = null;

this.Condition2__c = null;

this.Condition3__c = null;

this.Connecting_Road__c = null;

this.Connecting_Road2__c = null;

this.Construction_Type__c = null;

this.Construction_Type2__c = null;

this.Construction_Type3__c = null;

this.Contract_Renewal__c = null;

this.Contract_Renewal2__c = null;

this.Contract_Renewal3__c = null;

this.Current_Annual_Income__c = null;

this.Current_Annual_Income2__c = null;

this.Current_Annual_Income3__c = null;

this.DD_Bid_price__c = null;

this.Deposit_Compensation_Payment__c = null;

this.Deposit_Compensation_Payment2__c = null;

this.Deposit_Compensation_Payment3__c = null;

this.Description = null;

this.Direction_Facing__c = null;

this.Direction_Facing2__c = null;

this.Direction_Facing3__c = null;

this.Elevator__c = null;

this.Building_Name__c = null;

this.Excavation_Document__c = null;

this.Excavation_Document2__c = null;

this.Extension_and_Reconstruction__c = null;

this.Extension_and_Reconstruction2__c = null;

this.Floor_Number__c = null;

this.Floor_Number2__c = null;

this.Frontage__c = null;

this.Frontage5__c = null;

this.Frontage6__c = null;

this.Frontage7__c = null;

this.Frontage8__c = null;

this.Frontage2__c = null;

this.Frontage3__c = null;

this.Frontage4__c = null;

this.Garanter__c = null;

this.Garanter2__c = null;

this.Garanter3__c = null;

this.Grand_Rent__c = null;

this.Grand_Rent2__c = null;

this.Grand_Rent3__c = null;

this.Housing_Japan_Appraisal__c = null;

this.Inspection_Certificate__c = null;

this.Interior_Exterior__c = null;

this.Interior_Exterior2__c = null;

this.Interior_Exterior3__c = null;

this.Interior_Exterior_Remarks__c = null;

this.Interior_Exterior_Remarks2__c = null;

this.Interior_Exterior_Remarks3__c = null;

this.Is_This_Leasehold_Free__c = null;

this.Is_This_Leasehold_Free2__c = null;

this.Is_This_Leasehold_Free3__c = null;

this.Land_Form__c = null;

this.Land_Form2__c = null;

this.Land_Ownership_Rights__c = null;

this.Land_Ownership_Rights2__c = null;

this.Land_Ownership_Rights3__c = null;

this.Land_Size_in_Square_Meters__c = null;

this.Land_Size_in_Square_Meters2__c = null;

this.Layout__c = null;

this.Layout2__c = null;

this.Lease_Contract__c = null;

this.Lease_Contract2__c = null;

this.Lease_Contract3__c = null;

this.Mailing_Address__c = null;

this.Mailing_City__c = null;

this.Mailing_State_Province__c = null;

this.Mailing_Street_1__c = null;

this.Mailing_Street_2__c = null;

this.Mailing_Zip_Postal_Code__c = null;

this.Management_Companies__c = null;

this.Management_Companies2__c = null;

this.Management_Companies3__c = null;

this.Motorcycle_Parking__c = null;

this.Number_Of_Floors__c = null;

this.Office__c = null;

this.Others__c = null;

this.Owner_Mailing_Zip_Postal_Code__c = null;

this.Owner_Phone__c = null;

this.Parking_Space__c = null;

this.Parking_Space2__c = null;

this.Parking_Spaces__c = null;

this.Parking_Spaces2__c = null;

this.Power_of_Attorney__c = null;

this.Property_Status__c = null;

this.Property_Status2__c = null;

this.Property_Status3__c = null;

this.Property_Type__c = null;

this.Road_1__c = null;

this.Road11__c = null;

this.Road_2__c = null;

this.Road22__c = null;

this.Road_3__c = null;

this.Road33__c = null;

this.Road_4__c = null;

this.Road44__c = null;

this.Road_Width__c = null;

this.Road_Width5__c = null;

this.Road_Width6__c = null;

this.Road_Width7__c = null;

this.Road_Width8__c = null;

this.Road_Width2__c = null;

this.Road_Width3__c = null;

this.Road_Width4__c = null;

this.Room_Number__c = null;

this.Sales_Rep__c = null;

this.Selling_Desired_Price__c = null;

this.Selling_Situation__c = null;

this.LeadSource = null;

this.State__c = null;

this.Status_Of_Use__c = null;

this.Status_Of_Use2__c = null;

this.Status_Of_Use3__c = null;

//this.Storage_Facility__c =null;

this.Store__c = null;

this.Sublease_Special_Conditions__c = null;

this.Sublease_Special_Conditions2__c = null;

this.Sublease_Special_Conditions3__c = null;

this.Tenant__c = null;

this.testing__c = null;

this.Title_Deed__c = null;

this.Type_Of_Building__c = null;

this.Type_of_Contract__c = null;

this.Type_of_Contract2__c = null;

this.Type_of_Contract3__c = null;

this.Type_Of_Rights1__c = null;

this.Type_of_Rights11__c = null;

this.Type_Of_Rights13__c = null;

this.Type_Of_Rights2__c = null;

this.Type_of_Rights22__c = null;

this.Type_Of_Rights23__c = null;

this.Unit_Size_in_Square_Meters__c = null;

this.Unnecessary_Matters__c = null;

this.Unnecessary_Matters2__c = null;

this.Unnecessary_Matters3__c = null;

this.Water_Circulated_Areas__c = null;

this.Water_Circulated_Areas2__c = null;

this.Water_Circulated_Areas3__c = null;

this.Year_Built__c = null;

this.Year_Built2__c = null;

this.Year_Built3__c = null;

this.Zoning_City__c = null;

this.Zoning_State_Province__c = null;

this.Zoning_Street_1__c = null;

this.Zoning_Street_2__c = null;

this.Zoning_Zip_Postal_Code__c = null;

this.Annual_Income_When_Fully_Tenanted__c = null;

this.Other_companies_Offer_Agency_or_BuyBack__c = null;

this.Time_of_the_desired_price_claimed__c = null;

this.Reason_to_Sale__c = null;

 

}

 

function Contact1() {

this.Id = null;

this.FirstName = null;

this.LastName = null;

this.Call_Back__c = null;

this.Kanji_First_Name__c = null;

this.Kana_First_Name__c = null;

this.Kanji_Last_Name__c = null;

this.Kana_Last_Name__c = null;

this.MobilePhone = null;

this.Phone = null;

this.Email = null;

this.Fax = null;

this.MailingCity = null;

this.MailingStreet = null;

this.MailingState = null;

this.MailingPostalCode = null;

this.Building_Name__c = null;

this.Room_Number__c = null;

this.Title = null;

this.Owner_First_Name_Kanji__c = null;

this.Owner_First_Name_Kana__c = null;

this.Owner_Last_Name_Kanji__c = null;

this.Owner_Last_Name_Kana__c = null;

this.Owner_First_Name_English__c = null;

this.Owner_Last_Name_English__c = null;

this.Owner_Phone__c = null;

this.Owner_Mailing_Street__c = null;

this.Owner_Mailing_City__c = null;

this.Owner_Mailing_State_Province__c = null;

this.Owner_Mailing_Zip_Postal_Code__c = null;

this.Owner_Building_Name__c = null;

this.Owner_Room_Number__c = null;

this.Others__c = null;

this.Caller_is_not_the_owner__c = null;

 

}

 

function save() {

window.scrollTo(0, 0);

var accId;

var emailValid;

//alert(‘salesRepId>>>’  +salesRepId);

var led1 = new Lead1();

led1.Id = null;

led1.Sales_Rep__c = salesRepId;

 

if (Leadphone == undefined || Leadphone == ”) {

document.getElementById(“phoneSpan”).innerHTML = “*”;

document.getElementById(“errormessage”).innerHTML = “Please fill all red marked mandatory fields”;

} else {

document.getElementById(“phoneSpan”).innerHTML = “”;

}

if (LeadLastName == undefined || LeadLastName == ”) {

 

document.getElementById(“lastNameIdSpan”).innerHTML = “*”;

document.getElementById(“errormessage”).innerHTML = “Please fill all red marked mandatory fields”;

} else {

document.getElementById(“lastNameIdSpan”).innerHTML = “”;

}

if(LeadEmail != undefined && LeadEmail != ”){

emailValid = validateForm(LeadEmail);

if(emailValid == false){

document.getElementById(“emailSpan”).innerHTML = “Invalid Email”;

document.getElementById(“errormessage”).innerHTML = “Invalid Email”;

}

}

if (Accepteddateandtime == undefined && Selleragreedtosharepersonalproper != undefined) {

document.getElementById(“AccepteddateandtimeId”).innerHTML = “*”;

document.getElementById(“errormessage”).innerHTML = “Please fill all red marked mandatory fields”;

} else {

document.getElementById(“AccepteddateandtimeId”).innerHTML = “”;

}

if (LeadLastName != undefined && Leadphone != undefined && ((Accepteddateandtime != undefined && Selleragreedtosharepersonalproper == ‘Accepted’) ||

((Accepteddateandtime != undefined || Accepteddateandtime == undefined) &&

(Selleragreedtosharepersonalproper == undefined || Selleragreedtosharepersonalproper == ‘Rejected’)) )

&& ((LeadEmail == undefined || LeadEmail == ”) || (LeadEmail != undefined && LeadEmail != ” && emailValid == true))) {

$(“#spinner”).show();

document.getElementById(“saveButton1”).disabled = true;

document.getElementById(“cancelButton1”).disabled = true;

document.getElementById(“saveButton2”).disabled = true;

document.getElementById(“cancelButton2”).disabled = true;

if (undefined != Selleragreedtosharepersonalproper) {

led1.Seller_agreed_to_share_personal_proper__c = Selleragreedtosharepersonalproper;

}

                       if (undefined != SellerType) {

                           led1.Seller_Type__c = SellerType;

                       }

if (undefined != contactNotOnwer) {

led1.Contact_Not_Owner__c = contactNotOnwer;

}

if (undefined != callBack) {

led1.Call_Back__c = callBack;

}

if (undefined != dialogHistory) {

led1.Dialog_History__c = dialogHistory;

}

if (undefined != noBuyReason) {

led1.No_Buy_Reason__c = noBuyReason;

}

if (undefined != allDates) {

led1.Reference_Date_String_field__c = allDates;

}

if (undefined != isOwnerAbleSignContract && isOwnerAbleSignContract != “-None-“) {

led1.Is_the_owner_able_to_sign_contract__c = isOwnerAbleSignContract;

}

if (undefined != agent1) {

led1.Agent__c = agent1;

}

led1.LastName = LeadLastName;

if (undefined != leadFirstName) {

led1.FirstName = leadFirstName;

}

led1.Phone = Leadphone;

if (undefined != mobile) {

led1.MobilePhone = mobile;

}

if (undefined != fax) {

led1.Fax = fax;

}

if (undefined != ifYes) {

led1.If_Yes__c = ifYes;

}

if (undefined != ifYes1) {

led1.If_Yes1__c = ifYes1;

}

if (undefined != ifYes2) {

led1.If_Yes2__c = ifYes2;

}

 

led1.Email = LeadEmail;

if (undefined != Leadphone) {

led1.Company = Leadphone;

}

if (undefined != firstNameKanji) {

led1.Kanji_First_Name__c = firstNameKanji;

}

if (undefined != lastNameKanji) {

led1.Kanji_Last_Name__c = lastNameKanji;

}

if (undefined != firstNameKana) {

led1.Kana_First_Name__c = firstNameKana;

}

if (undefined != lastNameKana) {

led1.Kana_Last_Name__c = lastNameKana;

}

if (undefined != zipAdd) {

led1.Mailing_Zip_Postal_Code16__c = zipAdd;

}

if (undefined != stateAdd) {

led1.Mailing_State_Province17__c = stateAdd;

}

if (undefined != cityAdd) {

led1.Mailing_City18__c = cityAdd;

}

if (undefined != streetAdd) {

led1.Mailing_Street19__c = streetAdd;

}

if (undefined != buildingname) {

led1.Building_Name__c = buildingname;

}

if (undefined != roomNumber) {

led1.Room_Number__c = roomNumber;

}

if (undefined != sellingsituation) {

led1.Selling_Situation__c = sellingsituation;

}

if (undefined != leadsource) {

led1.LeadSource = leadsource;

}

if (undefined != SellingDesiredPrice) {

led1.Selling_Desired_Price__c = SellingDesiredPrice;

}

if (undefined != zip1Add) {

led1.Mailing_Zip_Postal_Code__c = zip1Add;

}

if (undefined != state1Add) {

led1.Mailing_State_Province__c = state1Add;

}

if (undefined != city1Add) {

led1.Mailing_City__c = city1Add;

}

if (undefined != mailingStreet1) {

led1.Mailing_Street1__c = mailingStreet1;

}

if (undefined != mailingStreet2) {

led1.Mailing_Street2__c = mailingStreet2;

}

 

if (undefined != roomNumber1) {

led1.Room_Number2__c = roomNumber1;

}

if (undefined != Title) {

led1.Title = Title;

}

if (undefined != ownerLastnameKanji) {

led1.Owner_Last_Name_Kanji__c = ownerLastnameKanji;

}

if (undefined != ownerFirstnameKanji) {

led1.Owner_First_Name_Kanji__c = ownerFirstnameKanji;

}

if (undefined != ownerLastnameKana) {

led1.Owner_Last_Name_Kana__c = ownerLastnameKana;

}

if (undefined != ownerFirstnameKana) {

led1.Owner_First_Name_Kana__c = ownerFirstnameKana;

}

if (undefined != ownerLastnameEnglish) {

led1.Owner_Last_Name_English__c = ownerLastnameEnglish;

}

/*

               if(undefined != storageFacility){

               led1.Storage_Facility__c = storageFacility;

               }*/

if (undefined != ownerFirstnameEnglish) {

led1.Owner_First_Name_English__c = ownerFirstnameEnglish;

}

if (undefined != ownerPhone) {

led1.Owner_Phone__c = ownerPhone;

}

if (undefined != ownerZip) {

led1.Owner_Mailing_Zip_Postal_Code__c = ownerZip;

}

if (undefined != ownerMailState) {

led1.Owner_Mailing_State_Province__c = ownerMailState;

}

if (undefined != ownerMailCity) {

led1.Owner_Mailing_City__c = ownerMailCity;

}

if (undefined != ownermailStreet) {

led1.Owner_Mailing_Street__c = ownermailStreet;

}

if (undefined != ownerbuildingName) {

led1.Owner_Building_Name__c = ownerbuildingName;

}

if (undefined != ownerRoomNum) {

led1.Owner_Room_Number__c = ownerRoomNum;

}

if (undefined != zoningZip) {

led1.Zoning_Zip_Postal_Code__c = zoningZip;

}

if (undefined != zoningState) {

led1.Zoning_State_Province__c = zoningState;

}

if (undefined != zoningCity) {

led1.Zoning_City__c = zoningCity;

}

if (undefined != zoningStreet1) {

led1.Zoning_Street1__c = zoningStreet1;

}

if (undefined != zoningStreet2) {

led1.Zoning_Street2__c = zoningStreet2;

}

if (undefined != powerOfAtt) {

led1.Power_of_Attorney__c = powerOfAtt;

}

if (undefined != MapVerification) {

led1.Map_Verification__c = MapVerification;

}

if (undefined != titleDeed) {

led1.Title_Deed__c = titleDeed;

}

if (undefined != inspectionCerti) {

led1.Inspection_Certificate__c = inspectionCerti;

}

if (undefined != CerBounCon) {

led1.Certificate_of_Boundary_Confirmation__c = CerBounCon;

}

if (undefined != bankLoanBal) {

led1.Bank_Loan_Balance__c = bankLoanBal;

}

if (undefined != proType) {

led1.Property_Type__c = proType;

}

if (undefined != landsizeSqMt) {

led1.Land_Size_in_Square_Meters__c = landsizeSqMt;

}

if (undefined != buildingsizeSqMt) {

led1.Building_Size_in_Square_Meters__c = buildingsizeSqMt;

}

if (undefined != constructionType) {

led1.Construction_Type__c = constructionType;

}

if (undefined != direcFace) {

led1.Direction_Facing__c = direcFace;

}

if (undefined != builComCer) {

led1.Building_Completion_Certificate__c = builComCer;

}

if (undefined != yearBuilt) {

led1.Year_Built__c = yearBuilt;

}

if (undefined != layout) {

led1.Layout__c = layout;

}

if (undefined != floorNum) {

led1.Floor_Number__c = floorNum;

}

if (undefined != parkSpace) {

led1.Parking_Space__c = parkSpace;

}

if (undefined != propertyCert) {

led1.Property_Status__c = propertyCert;

}

if (undefined != condition) {

led1.Condition__c = condition;

}

if (undefined != UnnecessaryMat) {

led1.Unnecessary_Matters__c = UnnecessaryMat;

}

if (undefined != currentAnnInc) {

led1.Current_Annual_Income__c = currentAnnInc;

}

if (undefined != contactRenewal) {

led1.Contract_Renewal__c = contactRenewal;

}

if (undefined != typeOfContract) {

led1.Type_of_Contract__c = typeOfContract;

}

if (undefined != Garanter) {

led1.Garanter__c = Garanter;

}

if (undefined != managementCom) {

led1.Management_Companies__c = managementCom;

}

if (undefined != leaseContract) {

led1.Lease_Contract__c = leaseContract;

}

if (undefined != subleaseSpecCon) {

led1.Sublease_Special_Conditions__c = subleaseSpecCon;

}

if (undefined != depComPayment) {

led1.Deposit_Compensation_Payment__c = depComPayment;

}

if (undefined != statusofuse) {

led1.Status_Of_Use__c = statusofuse;

}

if (undefined != leaseholdfree) {

led1.Is_This_Leasehold_Free__c = leaseholdfree;

}

if (undefined != landOwnershipRight) {

led1.Land_Ownership_Rights__c = landOwnershipRight;

}

if (undefined != typeofRights) {

led1.Type_Of_Rights1__c = typeofRights;

}

if (undefined != typeofRights2) {

led1.Type_Of_Rights2__c = typeofRights2;

}

if (undefined != grandRent) {

led1.Grand_Rent__c = grandRent;

}

if (undefined != excavatDoc) {

led1.Excavation_Document__c = excavatDoc;

}

if (undefined != road1) {

led1.Road_1__c = road1;

}

if (undefined != RoadWidth1) {

led1.Road_Width__c = RoadWidth1;

}

if (undefined != frontage1) {

led1.Frontage__c = frontage1;

}

if (undefined != road2) {

led1.Road_2__c = road2;

}

if (undefined != RoadWidth2) {

led1.Road_Width2__c = RoadWidth2;

}

if (undefined != frontage2) {

led1.Frontage2__c = frontage2;

}

if (undefined != road3) {

led1.Road_3__c = road3;

}

if (undefined != RoadWidth3) {

led1.Road_Width3__c = RoadWidth3;

}

if (undefined != frontage3) {

led1.Frontage3__c = frontage3;

}

if (undefined != road4) {

led1.Road_4__c = road4;

}

if (undefined != RoadWidth4) {

led1.Road_Width4__c = RoadWidth4;

}

if (undefined != frontage4) {

led1.Frontage4__c = frontage4;

}

if (undefined != connRoad) {

led1.Connecting_Road__c = connRoad;

}

if (undefined != landform) {

led1.Land_Form__c = landform;

}

if (undefined != interExterRemarks) {

led1.Interior_Exterior_Remarks__c = interExterRemarks;

}

if (undefined != interiorExterior) {

led1.Interior_Exterior__c = interiorExterior;

}

if (undefined != extRecon) {

led1.Extension_and_Reconstruction__c = extRecon;

}

if (undefined != description) {

led1.Description = description;

}

if (undefined != anyTroubles) {

led1.Any_Trobles__c = anyTroubles;

}

if (undefined != unitSizeinSquareMeter) {

led1.Unit_Size_in_Square_Meters__c = unitSizeinSquareMeter;

}

if (undefined != layout2) {

led1.Layout2__c = layout2;

}

if (undefined != floorNum2) {

led1.Floor_Number2__c = floorNum2;

}

if (undefined != yearBuilt2) {

led1.Year_Built2__c = yearBuilt2;

}

if (undefined != constructionType2) {

led1.Construction_Type2__c = constructionType2;

}

if (undefined != direcFace2) {

led1.Direction_Facing2__c = direcFace2;

}

if (undefined != parkSpace2) {

led1.Parking_Spaces2__c = parkSpace2;

}

if (undefined != builComCer2) {

led1.Building_Completion_Certificate2__c = builComCer2;

}

if (undefined != parkSpace3) {

led1.Parking_Spaces__c = parkSpace3;

}

if (undefined != Timeofthedesiredpriceclaimed) {

                           led1.Time_of_the_desired_price_claimed__c = Timeofthedesiredpriceclaimed;

                       }

                       if (undefined != ReasontoSale) {

                           led1.Reason_to_Sale__c = ReasontoSale;

                       }

if (undefined != motorcycleparking) {

led1.Motorcycle_Parking__c = motorcycleparking;

}

if (undefined != balcony) {

led1.Balcony__c = balcony;

}

if (undefined != elevator) {

led1.Elevator__c = elevator;

}

if (undefined != propertyCert2) {

led1.Property_Status2__c = propertyCert2;

}

if (undefined != condition2) {

led1.Condition2__c = condition2;

}

if (undefined != UnnecessaryMat2) {

led1.Unnecessary_Matters2__c = UnnecessaryMat2;

}

if (undefined != currentAnnInc2) {

led1.Current_Annual_Income2__c = currentAnnInc2;

}

if (undefined != contactRenewal2) {

led1.Contract_Renewal2__c = contactRenewal2;

}

if (undefined != typeOfContract2) {

led1.Type_of_Contract2__c = typeOfContract2;

}

if (undefined != Garanter2) {

led1.Garanter2__c = Garanter2;

}

if (undefined != managementCom2) {

led1.Management_Companies2__c = managementCom2;

}

if (undefined != leaseContract2) {

led1.Lease_Contract2__c = leaseContract2;

}

if (undefined != subleaseSpecCon2) {

led1.Sublease_Special_Conditions2__c = subleaseSpecCon2;

}

if (undefined != depComPayment2) {

led1.Deposit_Compensation_Payment2__c = depComPayment2;

}

if (undefined != statusofuse2) {

led1.Status_Of_Use2__c = statusofuse2;

}

if (undefined != leaseholdfree2) {

led1.Is_This_Leasehold_Free2__c = leaseholdfree2;

}

if (undefined != landOwnershipRight2) {

led1.Land_Ownership_Rights2__c = landOwnershipRight2;

}

if (undefined != typeofRights3) {

led1.Type_Of_Rights11__c = typeofRights3;

}

if (undefined != typeofRights22) {

led1.Type_Of_Rights22__c = typeofRights22;

}

if (undefined != grandRent2) {

led1.Grand_Rent2__c = grandRent2;

}

if (undefined != interExterRemarks2) {

led1.Interior_Exterior_Remarks2__c = interExterRemarks2;

}

if (undefined != waterCirArea2) {

led1.Water_Circulated_Areas2__c = waterCirArea2;

}

if (undefined != interiorExterior2) {

led1.Interior_Exterior2__c = interiorExterior2;

}

if (undefined != buildingtype) {

led1.Type_Of_Building__c = buildingtype;

}

if (undefined != NufloorNum3) {

led1.Number_Of_Floors__c = NufloorNum3;

}

if (undefined != landsizeSqMt2) {

led1.Land_Size_in_Square_Meters2__c = landsizeSqMt2;

}

if (undefined != buildingsizeSqMt2) {

led1.Building_Size_in_Square_Meters2__c = buildingsizeSqMt2;

}

if (undefined != yearBuilt3) {

led1.Year_Built3__c = yearBuilt3;

}

if (undefined != store) {

led1.Store__c = store;

}

if (undefined != office) {

led1.Office__c = office;

}

if (undefined != tenant) {

led1.Tenant__c = tenant;

}

if (undefined != others) {

led1.Others__c = others;

}

if (undefined != Othersnum) {

led1.Others2__c = Othersnum;

}

 

if (undefined != constructionType3) {

led1.Construction_Type3__c = constructionType3;

}

if (undefined != direcFace3) {

led1.Direction_Facing3__c = direcFace3;

}

if (undefined != parkSpace4) {

led1.Parking_Space2__c = parkSpace4;

}

if (undefined != builComCer3) {

led1.Building_Completion_Certificate3__c = builComCer3;

}

if (undefined != propertyCert3) {

led1.Property_Status3__c = propertyCert3;

}

if (undefined != condition3) {

led1.Condition3__c = condition3;

}

if (undefined != UnnecessaryMat3) {

led1.Unnecessary_Matters3__c = UnnecessaryMat3;

}

if (undefined != currentAnnInc3) {

led1.Current_Annual_Income3__c = currentAnnInc3;

}

if (undefined != AnnInc) {

led1.Annual_Income_When_Fully_Tenanted__c = AnnInc;

}

if (undefined != contactRenewal3) {

led1.Contract_Renewal3__c = contactRenewal3;

}

if (undefined != typeOfContract3) {

led1.Type_of_Contract3__c = typeOfContract3;

}

if (undefined != Garanter3) {

led1.Garanter3__c = Garanter3;

}

if (undefined != managementCom3) {

led1.Management_Companies3__c = managementCom3;

}

if (undefined != leaseContract3) {

led1.Lease_Contract3__c = leaseContract3;

}

if (undefined != subleaseSpecCon3) {

led1.Sublease_Special_Conditions3__c = subleaseSpecCon3;

}

if (undefined != depComPayment3) {

led1.Deposit_Compensation_Payment3__c = depComPayment3;

}

if (undefined != statusofuse3) {

led1.Status_Of_Use3__c = statusofuse3;

}

if (undefined != leaseholdfree3) {

led1.Is_This_Leasehold_Free3__c = leaseholdfree3;

}

if (undefined != landOwnershipRight3) {

led1.Land_Ownership_Rights3__c = landOwnershipRight3;

}

if (undefined != typeofRights5) {

led1.Type_Of_Rights13__c = typeofRights5;

}

if (undefined != typeofRights33) {

led1.Type_Of_Rights23__c = typeofRights33;

}

if (undefined != grandRent3) {

led1.Grand_Rent3__c = grandRent3;

}

if (undefined != excavatDoc2) {

led1.Excavation_Document2__c = excavatDoc2;

}

if (undefined != road11) {

led1.Road11__c = road11;

}

if (undefined != RoadWidth11) {

led1.Road_Width5__c = RoadWidth11;

}

if (undefined != frontage11) {

led1.Frontage5__c = frontage11;

}

if (undefined != road22) {

led1.Road22__c = road22;

}

if (undefined != RoadWidth33) {

led1.Road_Width6__c = RoadWidth33;

}

if (undefined != frontage33) {

led1.Frontage6__c = frontage33;

}

if (undefined != road33) {

led1.Road33__c = road33;

}

if (undefined != RoadWidth22) {

led1.Road_Width7__c = RoadWidth22;

}

if (undefined != frontage22) {

led1.Frontage7__c = frontage22;

}

if (undefined != road44) {

led1.Road44__c = road44;

}

if (undefined != RoadWidth44) {

led1.Road_Width8__c = RoadWidth44;

}

if (undefined != frontage44) {

led1.Frontage8__c = frontage44;

}

if (undefined != connRoad2) {

led1.Connecting_Road2__c = connRoad2;

}

if (undefined != landform2) {

led1.Land_Form2__c = landform2;

}

if (undefined != interExterRemarks3) {

led1.Interior_Exterior_Remarks3__c = interExterRemarks3;

}

if (undefined != waterCirArea3) {

led1.Water_Circulated_Areas3__c = waterCirArea3;

}

if (undefined != waterCirArea) {

led1.Water_Circulated_Areas__c = waterCirArea;

}

if (undefined != interiorExterior3) {

led1.Interior_Exterior3__c = interiorExterior3;

}

if (undefined != extRecon2) {

led1.Extension_and_Reconstruction2__c = extRecon2;

}

if (undefined != OthercompaniesOfferAgencyorBuyBack) {

led1.Other_companies_Offer_Agency_or_BuyBack__c = OthercompaniesOfferAgencyorBuyBack;

}

if (undefined != Convenienttocallback) {

led1.Convenient_to_call_back__c = Convenienttocallback;

}

document.getElementById(“errormessage”).innerHTML = “”;

//document.getElementById(“errormessage”).innerHTML = “”;

var LeadList = new Array(led1);

var object = led1;

console.log(‘ALL Values>>> ‘ + JSON.stringify(object));

Visualforce.remoting.Manager.invokeAction(

‘{!$RemoteAction.repLogin.createLeads}’, LeadList, null, null, null, null, null, null, function (result, event) {

console.log(result);

if (null != result) {

if (null != result.opp && null != result.con && null != result.acc) {

IterateOverFiles(result.leadId);

angular.element(document.getElementById(‘AccountDiv’)).scope().change2(result);

angular.element(document.getElementById(‘OpportunityDiv’)).scope().change3(result);

angular.element(document.getElementById(‘ContactDiv’)).scope().change4(result);

$(‘#SavedInfo’).show();

 

$(‘#LeadDiv’).hide();

$(“#spinner”).hide();

reloadPage();

alert(‘保存されました。’);

 

} else if (result.ld != null) {

console.log(result);

document.getElementById(“notFound”).innerHTML = “電話番号  : ” + result.ld.Phone + ” はすでに存在しています。”;

$(“#spinner”).hide();

document.getElementById(“saveButton1”).disabled = false;

document.getElementById(“cancelButton1”).disabled = false;

document.getElementById(“saveButton2”).disabled = false;

document.getElementById(“cancelButton2”).disabled = false;

}else if(result.acc != null){

console.log(result);

document.getElementById(“notFound”).innerHTML = “電話番号  : ” + result.acc.Phone + ” はすでに存在しています。”;

$(“#spinner”).hide();

document.getElementById(“saveButton1”).disabled = false;

document.getElementById(“cancelButton1”).disabled = false;

document.getElementById(“saveButton2”).disabled = false;

document.getElementById(“cancelButton2”).disabled = false;

}

}

},

{escape: false}

);

 

}

}

function IterateOverFiles(accId) {

$(‘.inputFiles’).each(function () {

var attachFile = $(this)[0].files;

var file = attachFile[0];

if (attachFile.length > 0) {

var reader = new FileReader();

if (file.size > 26214400) {

alert(‘Attachment size not supported’);

}

reader.onload = function (e) {

uploadAttachment(accId, file, e);

};

reader.readAsBinaryString(file);

}

});

}

function uploadAttachment(recordID, currentFile, e) {

repLogin.attachBlob(recordID,currentFile.name,currentFile.type,window.btoa(e.target.result),function(result,event){

console.log(result);

});

}

function redirect() {

//alert(‘Please click Okay to Procede’);

if (null != redirectUrl) {

history.pushState(null, null, redirectUrl);

 

}

 

}

 

function getQueryVariable(variable) {

var query = window.location.search.substring(1);

var vars = query.split(“&”);

//alert(‘In getQueryVariable function’);

for (var i = 0; i < vars.length; i++) {

var pair = vars[i].split(“=”);

if (pair[0] == variable) {

//alert(‘In parameter function’+pair[0]);

//alert(‘In parameter function’+pair[1]);

return pair[1];

}

}

}

 

function saveAcc() {

var AccountId = getQueryVariable(“AccId”);

// alert(‘AccountId>>>’+AccountId);

var acc = new Account1();

acc.Id = AccountId;

if (undefined != AccountNameacc) {

acc.Name = AccountNameacc;

}

if (undefined != Phoneacc) {

acc.Phone = Phoneacc;

}

if (undefined != InitialContactDataAndTimeacc) {

acc.Reference_Date_String_field__c = InitialContactDataAndTimeacc;

}

if (undefined != Agentacc) {

acc.Agent__c = Agentacc;

}

if (undefined != KanjiFirstNameacc) {

acc.Kanji_First_Name__c = KanjiFirstNameacc;

}

if (undefined != KanaFirstNameacc) {

acc.Kana_First_Name__c = KanaFirstNameacc;

}

if (undefined != KanjiLastNameacc) {

acc.Kanji_Last_Name__c = KanjiLastNameacc;

}

if (undefined != KanaLastNameacc) {

acc.Kana_Last_Name__c = KanaLastNameacc;

}

 

                   if (undefined != SellerTypeacc) {

                       acc.Seller_Type__c = SellerTypeacc;

                       //console.log(‘acc.Seller_Type__c>>>>>>>’+acc.Seller_Type__c);

                       console.log(‘SellerTypeacc>>> Save Account>>>>’+SellerTypeacc);

                   }

 

var accList = new Array(acc);

console.log(accList);

Visualforce.remoting.Manager.invokeAction(

‘{!$RemoteAction.repLogin.createLeads}’, null, accList, null, null, null, null, null, function (result, event) {

console.log(result);

if (result.acc != null) {

angular.element(document.getElementById(‘AccountDiv’)).scope().change2(result);

}

},

{escape: false}

);

}

 

function saveOpp() {

var op = new Opportunity1();

op.Id = opId;

if (undefined != name) {

op.Name = name;

}

if (undefined != dialogHistoryAcc) {

op.Dialog_History__c = dialogHistoryAcc;

}

if (undefined != noBuyReasonAcc) {

op.No_Buy_Reason__c = noBuyReasonAcc;

}

if (undefined != stageOpp) {

op.StageName = stageOpp;

}

if (undefined != outcomeOpp) {

op.Outcome_Results__c = outcomeOpp;

}

 

if (undefined != Selleragreedtosharepersonalproperopp) {

op.Seller_agreed_to_share_personal_proper__c = Selleragreedtosharepersonalproperopp;

}

var nextcallbacktime1 = {};

                   nextcallbacktime1[“NextCallDateTimeAcc”] = formatDate(NextCallDateTimeAcc);

                   if (undefined != AlloppDates && NextCallDateTimeAcc != undefined) {

                       op.Reference_Date_String_field__c = AlloppDates+JSON.stringify(nextcallbacktime1);

                   }else if(undefined != AlloppDates && NextCallDateTimeAcc == undefined){

                       op.Reference_Date_String_field__c = AlloppDates;

                   }else if(undefined == AlloppDates && NextCallDateTimeAcc != undefined){

                       op.Reference_Date_String_field__c = JSON.stringify(nextcallbacktime1);

                   }

if (undefined != sellingsituationopp) {

op.Selling_Situation__c = sellingsituationopp;

}

console.log(‘leadsourceopp>>>>>>>>>’+leadsourceopp);

if (undefined != leadsourceopp) {

op.LeadSource = leadsourceopp;

}

 

if (undefined != SellingDesiredPriceopp) {

op.Seller_Desired_Price__c = Selling0DesiredPriceopp;

}

/*if(undefined != storageFacilityOpp){

       op.Storage_Facility__c=storageFacilityOpp;

       }*/

if (undefined != zip1Addopp) {

op.Mailing_Zip_Postal_Code__c = zip1Addopp;

}

if (undefined != mailingStreet1opp) {

op.Mailing_Street_1__c = mailingStreet1opp;

}

if (undefined != state1Addopp) {

op.Mailing_State_Province__c = state1Addopp;

}

if (undefined != mailingStreet2opp) {

op.Mailing_Street_2__c = mailingStreet2opp;

}

if (undefined != city1Addopp) {

op.Mailing_City__c = city1Addopp;

}

if (undefined != roomNumber1opp) {

op.Room_Number__c = roomNumber1opp;

}

if (undefined != zoningZipopp) {

op.Zoning_Zip_Postal_Code__c = zoningZipopp;

}

if (undefined != zoningStreet1opp) {

op.Zoning_Street_1__c = zoningStreet1opp;

}

if (undefined != zoningStateopp) {

op.Zoning_State_Province__c = zoningStateopp;

}

if (undefined != zoningStreet2opp) {

op.Zoning_Street_2__c = zoningStreet2opp;

}

if (undefined != zoningCityopp) {

op.Zoning_City__c = zoningCityopp;

}

if (undefined != powerOfAttopp) {

op.Power_of_Attorney__c = powerOfAttopp;

}

if (undefined != MapVerificationopp) {

op.Map_Verification__c = MapVerificationopp;

}

if (undefined != inspectionCertiopp) {

op.Inspection_Certificate__c = inspectionCertiopp;

}

if (undefined != titleDeedopp) {

op.Title_Deed__c = titleDeedopp;

}

if (undefined != CerBounConopp) {

op.Certificate_of_Boundary_Confirmation__c = CerBounConopp;

}

if (undefined != bankLoanBalopp) {

op.Bank_Loan_Balance__c = bankLoanBalopp;

}

if (undefined != proTypeopp) {

op.Property_Type__c = proTypeopp;

}

if (undefined != landsizetsuboopp) {

op.Land_Size_in_Square_Meters__c = landsizetsuboopp;

}

if (undefined != buildingsizetsuboopp) {

op.Building_Size_in_Square_Meters__c = buildingsizetsuboopp;

}

if (undefined != yearBuiltopp) {

op.Year_Built__c = yearBuiltopp;

}

if (undefined != layoutopp) {

op.Layout__c = layoutopp;

}

if (undefined != constructionTypeopp) {

op.Construction_Type__c = constructionTypeopp;

}

if (undefined != floorNumopp) {

op.Floor_Number__c = floorNumopp;

}

if (undefined != direcFaceopp) {

op.Direction_Facing__c = direcFaceopp;

}

if (undefined != parkSpaceopp) {

op.Parking_Space__c = parkSpaceopp;

}

if (undefined != builComCeropp) {

op.Building_Completion_Certificate__c = builComCeropp;

}

if (undefined != propertyCertopp) {

op.Property_Status__c = propertyCertopp;

}

 

if (undefined != conditionopp) {

op.Condition__c = conditionopp;

}

if (undefined != UnnecessaryMatopp) {

op.Unnecessary_Matters__c = UnnecessaryMatopp;

}

if (undefined != currentAnnIncopp) {

op.Current_Annual_Income__c = currentAnnIncopp;

}

if (undefined != contactRenewalopp) {

op.Contract_Renewal__c = contactRenewalopp;

}

 

if (undefined != Garanteropp) {

op.Garanter__c = Garanteropp;

}

 

if (undefined != typeOfContractopp) {

op.Type_of_Contract__c = typeOfContractopp;

}

if (undefined != leaseContractopp) {

op.Lease_Contract__c = leaseContractopp;

}

if (undefined != managementComopp) {

op.Management_Companies__c = managementComopp;

}

if (undefined != depComPaymentopp) {

op.Deposit_Compensation_Payment__c = depComPaymentopp;

}

if (undefined != subleaseSpecConopp) {

op.Sublease_Special_Conditions__c = subleaseSpecConopp;

}

if (undefined != statusofuseopp) {

op.Status_Of_Use__c = statusofuseopp;

}

if (undefined != leaseholdfreeopp) {

op.Is_This_Leasehold_Free__c = leaseholdfreeopp;

}

if (undefined != landOwnershipRightopp) {

op.Land_Ownership_Rights__c = landOwnershipRightopp;

}

 

if (undefined != typeofRightsopp) {

op.Type_Of_Rights1__c = typeofRightsopp;

}

 

if (undefined != typeofRights2opp) {

op.Type_Of_Rights2__c = typeofRights2opp;

}

if (undefined != grandRentopp) {

op.Grand_Rent__c = grandRentopp;

}

if (undefined != excavatDocopp) {

op.Excavation_Document__c = excavatDocopp;

}

if (undefined != road1opp) {

op.Road_1__c = road1opp;

}

if (undefined != road3opp) {

op.Road_3__c = road3opp;

}

if (undefined != RoadWidth1opp) {

op.Road_Width__c = RoadWidth1opp;

}

if (undefined != RoadWidth3opp) {

op.Road_Width3__c = RoadWidth3opp;

}

if (undefined != frontage1opp) {

op.Frontage__c = frontage1opp;

}

if (undefined != frontage3opp) {

op.Frontage3__c = frontage3opp;

}

if (undefined != road2opp) {

op.Road_2__c = road2opp;

}

if (undefined != road4opp) {

op.Road_4__c = road4opp;

}

if (undefined != RoadWidth2opp) {

op.Road_Width2__c = RoadWidth2opp;

}

if (undefined != RoadWidth4opp) {

op.Road_Width4__c = RoadWidth4opp;

}

if (undefined != frontage2opp) {

op.Frontage2__c = frontage2opp;

}

if (undefined != frontage4opp) {

op.Frontage4__c = frontage4opp;

}

if (undefined != connRoadopp) {

op.Connecting_Road__c = connRoadopp;

}

if (undefined != landformopp) {

op.Land_Form__c = landformopp;

}

if (undefined != interExterRemarksopp) {

op.Interior_Exterior_Remarks__c = interExterRemarksopp;

}

if (undefined != waterCirAreaopp) {

op.Water_Circulated_Areas__c = waterCirAreaopp;

}

if (undefined != isOwnerAbleSignContractOpp && isOwnerAbleSignContractOpp != “-None-“) {

op.Is_the_owner_able_to_sign_contract__c = isOwnerAbleSignContractOpp;

}

if (undefined != interiorExterioropp) {

op.Interior_Exterior__c = interiorExterioropp;

}

if (undefined != extReconopp) {

op.Extension_and_Reconstruction__c = extReconopp;

}

if (undefined != descriptionopp) {

op.Description = descriptionopp;

}

if (undefined != anyTroublesopp) {

op.Any_Trobles__c = anyTroublesopp;

}

if (undefined != unitSizeinSquareMeteropp) {

op.Unit_Size_in_Square_Meters__c = unitSizeinSquareMeteropp;

}

if (undefined != yearBuilt2opp) {

op.Year_Built2__c = yearBuilt2opp;

}

if (undefined != constructionType2opp) {

op.Construction_Type2__c = constructionType2opp;

}

if (undefined != layout2opp) {

op.Layout2__c = layout2opp;

}

if (undefined != direcFace2opp) {

op.Direction_Facing2__c = direcFace2opp;

}

if (undefined != floorNum2opp) {

op.Floor_Number2__c = floorNum2opp;

}

if (undefined != builComCer2opp) {

op.Building_Completion_Certificate2__c = builComCer2opp;

}

if (undefined != parkSpace2opp) {

op.Parking_Space2__c = parkSpace2opp;

}

if (undefined != parkSpace3opp) {

op.Parking_Spaces__c = parkSpace3opp;

}

if (undefined != motorcycleparkingopp) {

op.Motorcycle_Parking__c = motorcycleparkingopp;

}

if (undefined != balconyopp) {

op.Balcony__c = balconyopp;

}

if (undefined != elevatoropp) {

op.Elevator__c = elevatoropp;

}

if (undefined != propertyCert2opp) {

op.Property_Status2__c = propertyCert2opp;

}

 

if (undefined != condition2opp) {

op.Condition2__c = condition2opp;

}

if (undefined != UnnecessaryMat2opp) {

op.Unnecessary_Matters2__c = UnnecessaryMat2opp;

}

if (undefined != currentAnnInc2opp) {

op.Current_Annual_Income2__c = currentAnnInc2opp;

}

if (undefined != contactRenewal2opp) {

op.Contract_Renewal2__c = contactRenewal2opp;

}

 

if (undefined != Garanter2opp) {

op.Garanter2__c = Garanter2opp;

}

if (undefined != ifYesopp) {

op.If_Yes__c = ifYesopp;

}

if (undefined != ifYesopp2) {

op.If_Yes1__c = ifYesopp2;

}

if (undefined != ifYesopp3) {

op.If_Yes2__c = ifYesopp3;

}

if (undefined != typeOfContract2opp) {

op.Type_of_Contract2__c = typeOfContract2opp;

}

if (undefined != leaseContract2opp) {

op.Lease_Contract2__c = leaseContract2opp;

}

if (undefined != managementCom2opp) {

op.Management_Companies2__c = managementCom2opp;

}

if (undefined != depComPayment2opp) {

op.Deposit_Compensation_Payment2__c = depComPayment2opp;

}

if (undefined != subleaseSpecCon2opp) {

op.Sublease_Special_Conditions2__c = subleaseSpecCon2opp;

}

if (undefined != statusofuse2opp) {

op.Status_Of_Use2__c = statusofuse2opp;

}

if (undefined != leaseholdfree2opp) {

op.Is_This_Leasehold_Free2__c = leaseholdfree2opp;

}

if (undefined != landOwnershipRight2opp) {

op.Land_Ownership_Rights2__c = landOwnershipRight2opp;

}

 

if (undefined != typeofRights3opp) {

op.Type_of_Rights11__c = typeofRights3opp;

}

 

if (undefined != typeofRights22opp) {

op.Type_of_Rights22__c = typeofRights22opp;

}

if (undefined != grandRent2opp) {

op.Grand_Rent2__c = grandRent2opp;

}

 

if (undefined != interExterRemarks2opp) {

op.Interior_Exterior_Remarks2__c = interExterRemarks2opp;

}

if (undefined != waterCirArea2opp) {

op.Water_Circulated_Areas2__c = waterCirArea2opp;

}

if (undefined != interiorExterior2opp) {

op.Interior_Exterior2__c = interiorExterior2opp;

}

if (undefined != buildingtypeopp) {

op.Type_Of_Building__c = buildingtypeopp;

}

if (undefined != landsizeSqMt2opp) {

op.Land_Size_in_Square_Meters2__c = landsizeSqMt2opp;

}

if (undefined != storeopp) {

op.Store__c = storeopp;

}

if (undefined != buildingsizeSqMt2opp) {

op.Building_Size_in_Square_Meters2__c = buildingsizeSqMt2opp;

}

if (undefined != officeopp) {

op.Office__c = officeopp;

}

if (undefined != tenantopp) {

op.Tenant__c = tenantopp;

}

if (undefined != Othersnumopp) {

op.Others__c = Othersnumopp;

}

if (undefined != constructionType3opp) {

op.Construction_Type3__c = constructionType3opp;

}

if (undefined != yearBuilt3opp) {

op.Year_Built3__c = yearBuilt3opp;

}

if (undefined != direcFace3opp) {

op.Direction_Facing3__c = direcFace3opp;

}

if (undefined != NufloorNum3opp) {

op.Number_Of_Floors__c = NufloorNum3opp;

}

if (undefined != builComCer3opp) {

op.Building_Completion_Certificate3__c = builComCer3opp;

}

if (undefined != parkSpace4opp) {

op.Parking_Spaces2__c = parkSpace4opp;

}

if (undefined != propertyCert3opp) {

op.Property_Status3__c = propertyCert3opp;

}

if (undefined != condition3opp) {

op.Condition3__c = condition3opp;

}

if (undefined != UnnecessaryMat3opp) {

op.Unnecessary_Matters3__c = UnnecessaryMat3opp;

}

if (undefined != currentAnnInc3opp) {

op.Current_Annual_Income3__c = currentAnnInc3opp;

}

if (undefined != contactRenewal3opp) {

op.Contract_Renewal3__c = contactRenewal3opp;

}

if (undefined != AnnIncopp) {

op.Annual_Income_When_Fully_Tenanted__c = AnnIncopp;

}

 

if (undefined != Garanter3opp) {

op.Garanter3__c = Garanter3opp;

}

 

if (undefined != typeOfContract3opp) {

op.Type_of_Contract3__c = typeOfContract3opp;

}

if (undefined != leaseContract3opp) {

op.Lease_Contract3__c = leaseContract3opp;

}

if (undefined != managementCom3opp) {

op.Management_Companies3__c = managementCom3opp;

}

if (undefined != depComPayment3opp) {

op.Deposit_Compensation_Payment3__c = depComPayment3opp;

}

if (undefined != subleaseSpecCon3opp) {

op.Sublease_Special_Conditions3__c = subleaseSpecCon3opp;

}

if (undefined != statusofuse3opp) {

op.Status_Of_Use3__c = statusofuse3opp;

}

if (undefined != leaseholdfree3opp) {

op.Is_This_Leasehold_Free3__c = leaseholdfree3opp;

}

if (undefined != landOwnershipRight3opp) {

op.Land_Ownership_Rights3__c = landOwnershipRight3opp;

}

 

if (undefined != typeofRights5opp) {

op.Type_Of_Rights13__c = typeofRights5opp;

}

 

if (undefined != typeofRights33opp) {

op.Type_Of_Rights23__c = typeofRights33opp;

}

if (undefined != grandRent3opp) {

op.Grand_Rent3__c = grandRent3opp;

}

if (undefined != excavatDoc2opp) {

op.Excavation_Document2__c = excavatDoc2opp;

}

if (undefined != road11opp) {

op.Road11__c = road11opp;

}

if (undefined != road33opp) {

op.Road33__c = road33opp;

}

if (undefined != RoadWidth11opp) {

op.Road_Width5__c = RoadWidth11opp;

}

if (undefined != RoadWidth33opp) {

op.Road_Width7__c = RoadWidth33opp;

}

if (undefined != frontage11opp) {

op.Frontage5__c = frontage11opp;

}

if (undefined != frontage33opp) {

op.Frontage7__c = frontage33opp;

}

if (undefined != road22opp) {

op.Road22__c = road22opp;

}

if (undefined != road44opp) {

op.Road44__c = road44opp;

}

if (undefined != RoadWidth22opp) {

op.Road_Width6__c = RoadWidth22opp;

}

if (undefined != RoadWidth44opp) {

op.Road_Width8__c = RoadWidth44opp;

}

if (undefined != frontage22opp) {

op.Frontage6__c = frontage22opp;

}

if (undefined != frontage44opp) {

op.Frontage8__c = frontage44opp;

}

if (undefined != connRoad2opp) {

op.Connecting_Road2__c = connRoad2opp;

}

if (undefined != landform2opp) {

op.Land_Form2__c = landform2opp;

}

if (undefined != interExterRemarks3opp) {

op.Interior_Exterior_Remarks3__c = interExterRemarks3opp;

}

if (undefined != waterCirArea3opp) {

op.Water_Circulated_Areas3__c = waterCirArea3opp;

}

if (undefined != interiorExterior3opp) {

op.Interior_Exterior3__c = interiorExterior3opp;

}

if (undefined != extRecon21opp) {

op.Extension_and_Reconstruction2__c = extRecon21opp;

}

if (undefined != OthercompaniesOfferAgencyorBuyBackopp) {

op.Other_companies_Offer_Agency_or_BuyBack__c = OthercompaniesOfferAgencyorBuyBackopp;

}

if (undefined != Convenienttocallbackopp) {

op.Convenient_to_call_back__c = Convenienttocallbackopp;

}

if (undefined != Timeofthedesiredpriceclaimedopp) {

op.Time_of_the_desired_price_claimed__c = Timeofthedesiredpriceclaimedopp;

}

                   if (undefined != ReasontoSaleOpp) {

                       op.Reason_to_Sale__c = ReasontoSaleOpp;

                   }

console.log(‘op.Reason_to_Sale__c>>>>>>>>>>>>>>>>>>>>>>>>>>>>’+op.Reason_to_Sale__c);

var opList = new Array(op);

Visualforce.remoting.Manager.invokeAction(

‘{!$RemoteAction.repLogin.createLeads}’, null, null, opList, null, null, null, null, function (result, event) {

//alert(result);

if (result != null && result != undefined) {

//$(‘#oppUpdated’).show();

angular.element(document.getElementById(‘OpportunityDiv’)).scope().change3(result);

//alert(‘description’+description);

}

 

},

{escape: false}

);

 

}

 

function saveCon() {

saveOpp();

saveAcc();

var co = new Contact1();

co.Id = conId;

if (undefined != FirstNamecon) {

co.FirstName = FirstNamecon;

}

if (undefined != callBackCon && callBackCon != ‘-None-‘) {

co.Call_Back__c = callBackCon;

}

if (undefined != LastNamecon) {

co.LastName = LastNamecon;

}

if (undefined != Phonecon) {

co.Phone = Phonecon;

}

if (undefined != Emailcon) {

co.Email = Emailcon;

}

if (undefined != contactNotOnwercon) {

co.Caller_is_not_the_owner__c = contactNotOnwercon;

}

if (undefined != KanjiFirstNamecon) {

co.Kanji_First_Name__c = KanjiFirstNamecon;

}

if (undefined != KanaFirstNamecon) {

co.Kana_First_Name__c = KanaFirstNamecon;

}

if (undefined != KanjiLastNamecon) {

co.Kanji_Last_Name__c = KanjiLastNamecon;

}

if (undefined != KanaLastNamecon) {

co.Kana_Last_Name__c = KanaLastNamecon;

}

if (undefined != Mobilecon) {

co.MobilePhone = Mobilecon;

}

if (undefined != Faxcon) {

co.Fax = Faxcon;

}

 

if (undefined != mailingCitycon) {

co.MailingCity = mailingCitycon;

}

if (undefined != MailingStreetcon) {

co.MailingStreet = MailingStreetcon;

}

if (undefined != MailingStateProvincecon) {

co.MailingState = MailingStateProvincecon;

}

if (undefined != MailingZipPostalCodecon) {

co.MailingPostalCode = MailingZipPostalCodecon;

}

if (undefined != BuildingNamecon) {

co.Building_Name__c = BuildingNamecon;

}

if (undefined != RoomNumbercon) {

co.Room_Number__c = RoomNumbercon;

}

if (undefined != Titlecon) {

co.Title = Titlecon;

}

if (undefined != OwnerFirstNameKanjicon) {

co.Owner_First_Name_Kanji__c = OwnerFirstNameKanjicon;

}

if (undefined != OwnerfirstNameKanacon) {

co.Owner_First_Name_Kana__c = OwnerfirstNameKanacon;

}

if (undefined != OwnerLastNameKanjicon) {

co.Owner_Last_Name_Kanji__c = OwnerLastNameKanjicon;

}

if (undefined != OwnerLastNameKanacon) {

co.Owner_Last_Name_Kana__c = OwnerLastNameKanacon;

}

if (undefined != OwnerfirstNameEnglishcon) {

co.Owner_First_Name_English__c = OwnerfirstNameEnglishcon;

}

if (undefined != OwnerLastNameEnglishcon) {

co.Owner_Last_Name_English__c = OwnerLastNameEnglishcon;

}

if (undefined != OwnerPhonecon) {

co.Owner_Phone__c = OwnerPhonecon;

}

if (undefined != OwnerMailingStreetcon) {

co.Owner_Mailing_Street__c = OwnerMailingStreetcon;

}

if (undefined != OwnerMailingCitycon) {

co.Owner_Mailing_City__c = OwnerMailingCitycon;

}

if (undefined != OwnerMailingStateProvincecon) {

co.Owner_Mailing_State_Province__c = OwnerMailingStateProvincecon;

}

if (undefined != OwnerMailingZipPostalCodecon) {

co.Owner_Mailing_Zip_Postal_Code__c = OwnerMailingZipPostalCodecon;

}

if (undefined != OwnerBuildingNamecon) {

co.Owner_Building_Name__c = OwnerBuildingNamecon;

}

if (undefined != OwnerRoomNumbercon) {

co.Owner_Room_Number__c = OwnerRoomNumbercon;

}

if (undefined != Othercon) {

co.Others__c = Othercon;

}

 

var coList = new Array(co);

Visualforce.remoting.Manager.invokeAction(

‘{!$RemoteAction.repLogin.createLeads}’, null, null, null, coList, null, null, null, function (result, event) {

console.log(result);

if (result != null && result != undefined) {

angular.element(document.getElementById(‘ContactDiv’)).scope().change4(result);

}

},

{escape: false}

);

//alert(‘Information has been Saved’);

 

}

function formatDate(D) {

if (D != undefined) {

var d = D;

var dformat = [(d.getFullYear()), (d.getMonth() + 1).padLeft(),

d.getDate().padLeft()].join(‘/’) + ‘-‘ +

[d.getHours().padLeft(),

d.getMinutes().padLeft(),

d.getSeconds().padLeft()].join(‘:’);

return dformat;

}

}

 

Number.prototype.padLeft = function (base, chr) {

var len = (String(base || 10).length – String(this).length) + 1;

return len > 0 ? new Array(len).join(chr || ‘0’) + this : this;

}

 

function goBack() {

var value = confirm(“Cancel?”);

if (value == true) {

var url1 = document.referrer;

//alert(url1);

window.location.href = url1;

}

}

</script>

 

</head>

<html>

<head>

<style>

 

input {

margin-top: 10px important;

padding-top: 10px important;

}

 

#Opp {

margin-top: 10px important;

}

 

#Target {

margin-top: 10px important;

}

 

slds-input {

margin-top: 10px;

}

 

div {

padding-top: 10px important;

margin-top: 10px important;

}

 

#spinner {

display: none;

position: fixed;

top: 50%;

left: 50%;

text-align: center;

padding: 10px;

font: normal 16px Tahoma, Geneva, sans-serif;

margin-left: -50px;

margin-top: -50px;

z-index: 2;

overflow: auto;

}

 

/* ———————–Popup———————– */

/*.customPopup {

background-color: white;

border-style: solid;

border-width: 2px;

left: 20%;

padding: 10px;

position: absolute;

z-index: 9999;

width: 60%;

}

 

.disabledTextBox {

background-color: white;

border: 1px solid;

color: black;

cursor: default;

width: 90px;

display: table;

padding: 2px 1px;

text-align:right;

}

 

.closeButton {

float: right;

}*/

 

/* ==================================new popup========================= */

* {

 box-sizing: border-box;

}

 

body {

 line-height: 1.5;

 font-family: ‘Lato’;

 -webkit-font-smoothing: antialiased;

 overflow-x: hidden;

}

 

h1,h2,h3,p {

 font-weight: 300;

 margin: 0 0 2.4rem 0;

}

 

h1,h2,h3 {

 line-height: 1.3;

}

a {

 text-decoration: none;

 color: inherit;

 font-weight: 400;

}

 

/**

* Material Modal CSS

*/

.modal {

 will-change: visibility, opacity;

 display: -webkit-box;

 display: -ms-flexbox;

 display: flex;

 -webkit-box-align: center;

     -ms-flex-align: center;

         align-items: center;

 -webkit-box-pack: center;

     -ms-flex-pack: center;

         justify-content: center;

 position: fixed;

 top: 0;

 left: 0;

 right: 0;

 bottom: 0;

 overflow-y: auto;

 overflow-x: hidden;

 z-index: 1000;

 visibility: hidden;

 opacity: 0;

 -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 -webkit-transition-delay: $modal-delay;

         transition-delay: $modal-delay;

}

 

.modal–active {

 visibility: visible;

 opacity: 1;

}

 

.modal–align-top {

 -webkit-box-align: start;

     -ms-flex-align: start;

         align-items: flex-start;

}

 

.modal__bg {

 background: transparent;

}

 

.modal__dialog {

 max-width: 600px;

 padding: 0.2rem;

 box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);

}

 

.modal__content {

 will-change: transform, opacity;

 position: relative;

 padding: 1.0rem;

 background: #f4f6f9;

 background-clip: padding-box;

 -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);

 transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);

}

 

/* .modal__content–active {

 opacity: 1;

} */

 

.modal__close {

 z-index: 1100;

 cursor: pointer;

}

 

.modal__trigger {

 position: relative;

 display: inline-block;

 padding: 1.2rem 2.4rem;

 color: rgba(0,0,0,0.7);

 line-height: 1;

 cursor: pointer;

 background: #f4f6f9;

 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);

 -webkit-tap-highlight-color: rgba(0,0,0,0);

 -webkit-user-select: none;

    -moz-user-select: none;

     -ms-user-select: none;

         user-select: none;

 -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

 

.modal__trigger–active {

 z-index: 10;

}

 

.modal__trigger:hover {

 background: #f4f6f9;

}

 

#modal__temp {

 will-change: transform, opacity;

 position: absolute;

 top: 0;

 left: 0;

 right: 0;

 bottom: 0;

 background: #f4f6f9;

 -webkit-transform: none;

         transform: none;

 opacity: 1;

 -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

 

/**

* Demo specific CSS

*/

 

img {

 max-width: 100%;

}

 

.demo-btns header {

 padding: 7vh 10vw;

 background: #f4f6f9;

 display: -webkit-box;

 display: -ms-flexbox;

 display: flex;

 -webkit-box-align: center;

     -ms-flex-align: center;

         align-items: center;

}

 

.demo-btns header h1 {

 margin: 0;

 color: rgba(0,0,0,0.54);

 font-weight: 300;

}

 

/* .demo-btns .info {

 background: #f44336;

 padding: 3vh 10vw;

 height: 70vh;

 display: -webkit-box;

 display: -ms-flexbox;

 display: flex;

 -webkit-box-align: center;

     -ms-flex-align: center;

         align-items: center;

 -webkit-box-pack: center;

     -ms-flex-pack: center;

         justify-content: center;

 -ms-flex-flow: column wrap;

     flex-flow: column wrap;

} */

 

.demo-btns p {

 text-align: center;

 color: #fff;

}

 

.demo-btns .link {

 font-size: 20px;

}

 

.demo-btns .modal__trigger {

 background-color: white;

 color: #16325c;

 border: 1px solid #d8dde6;

 border-radius: 4px;

 width: 100%;

 -webkit-transition: border 0.1s linear, background-color 0.1s linear;

 transition: border 0.1s linear, background-color 0.1s linear;

 display: inline-block;

 padding: 0 16px 0 12px;

 line-height: 34px;

 min-height: calc(34px + 2px);

}

@media (max-width: 640px) {

 .demo-btns .modal__trigger {

   margin-bottom: 0.8rem;

 }

}

.demo-close {

 position: absolute;

 top: 0;

 right: 0;

 margin: 1.2rem;

 padding: 0.6rem;

 background: rgba(0,0,0,0.3);

 border-radius: 50%;

 -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

.demo-close svg {

 width: 24px;

 fill: #fff;

 pointer-events: none;

 vertical-align: top;

}

.demo-close:hover {

 background: rgba(0,0,0,0.6);

}

.logo {

 position: fixed;

 bottom: 3vh;

 right: 3vw;

 z-index: 2;

}

.logo img {

 width: 45px;

 -webkit-transform: rotate(0);

         transform: rotate(0);

 -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

}

 

.logo img:hover {

 -webkit-transform: rotate(180deg) scale(1.1);

         transform: rotate(180deg) scale(1.1);

}

</style>

<apex:stylesheet value=”{!URLFOR($Resource.SLDS0122, ‘assets/styles/salesforce-lightning-design-system-vf.css’)}”/>

<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js”></script>

</head>

<body onload=”searchAccount();”>

<div class=”slds”>

<div id=”test”>

<div style=”margin-top:3px;margin-left:3px;”>

<input class=”slds-button slds-button–neutral slds-not-selected” type=”Button” value=”GO BACK”

      onclick=”goBack();”></input>

</div>

<apex:pageMessages />

<div id=”notFound” style=”text-align: center;font-size: 25px;color:red;”>

<h1></h1>

</div>

<div style=”text-align: center;font-size: 18px;color:red;”>

<h1 id=”leadCreated”></h1>

<h1 id=”errormessage”></h1>

</div>

<div data-ng-app=”myAppLead” id=”LeadDiv” data-ng-controller=”myCtrlLead”>

 

<div class=”slds-text-align–center” style=”margin-bottom: 10px; margin-top:10px”>

<input id=”saveButton1″ class=”slds-button slds-button–brand slds-not-selected” type=”button”

      value=”Save” onclick=”save();”></input>

<input id=”cancelButton1″ class=”slds-button slds-button–neutral slds-not-selected”

      type=”button” value=”Cancel” onclick=”goBack();”></input>

<img id=”spinner” src=”{!URLFOR($Resource.spinner)}” alt=”spinner Logo” style=”display:none;”/>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<label class=”smallScreenLabel” style=”font-weight:bold;”>担当者</label>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”agent” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”agentId”/>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<label class=”smallScreenLabel” style=”font-weight:bold;”>入電日</label>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” data-ng-model=”contactDateTime”

      data-ng-change=”change1()” data-ng-init=”init1()” id=”contactDateTimeId”/>

</div>

</div>

<div class=”slds-page-header” style=”margin-top: 20px;”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>会話メモ (Dialog)</h1>

</div>

</div>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:8px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>会話履歴 (Dialog History)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”dialogHistory” data-ng-model=”dialogHistory”

         id=”dialogHistoryId” data-ng-change=”change1()” data-ng-init=”init1()” cols=”35″

         wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”dialogHistorySpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>買わない理由 (No Buy Reason)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”noBuyReason” data-ng-model=”noBuyReason”

         id=”noBuyReasonId” data-ng-change=”change1()” data-ng-init=”init1()” cols=”35″

         wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”noBuyReasonSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:8px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>次のコールバック日時(Next Call Date &amp; Time)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” name=”NextCallDateTime” data-ng-model=”NextCallDateTime” data-ng-change=”change1()” data-ng-init=”init1()” id=”NextCallDateTimeId” style=”margin-left: 1px;” data-ng-required=”If(NextCallDateTimeproper ==’Accepted’,true,false)”/>

<span id=”NextCallDateTimeId”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

</div>

</div>

 

<!– Attachment Section

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:8px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>How many files you want to upload?</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<apex:actionRegion >

<apex:actionFunction action=”{!ChangeCount}” name=”ChangeCount1″ rerender=”pBlock”/>

<apex:selectList onchange=”ChangeCount1();” multiselect=”false” size=”1″

                value=”{!FileCount}” styleclass=”slds-input”>

<apex:selectOption itemLabel=”該当なし” itemValue=”0″/>

<apex:selectOptions value=”{!filesCountList}”>

</apex:selectOptions>

</apex:selectList>

</apex:actionRegion>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>Select File/s</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<apex:outputpanel id=”pBlock”>

<apex:repeat value=”{!allFileList}” var=”AFL1″ id=”repeatAttachment”>

<apex:inputFile styleClass=”inputFiles” value=”{!AFL1.Body}”

               filename=”{!AFL1.Name}”/>

<br/>

</apex:repeat>

<script>

adjustInputFiles(‘{!FileCount}’);

</script>

</apex:outputpanel>

</div>

</div>

Attachment Section –>

<div class=”slds-page-header” style=”margin-top: 20px;”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Account Information</h1>

</div>

</div>

</div>

</div>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;margin-top:12px;”>Contact

Information

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”

    style=”margin-top:10px;”>

<h1>苗字(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”lastNameKanji” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”lastNameKanjiId” style=”margin-top:10px;”/>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”

    style=”margin-top:10px;”>

<h1>苗字(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”lastNameKana” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”lastNameKanaId” style=”margin-top:10px;”/>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>名前(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 tslds-text-align–lef”>

<input class=”slds-input” data-ng-model=”firstNameKanji” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”firstNameKanjiId”/>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>名前(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left “>

<input class=”slds-input” data-ng-model=”firstNameKana” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”firstNameKanaId”/>

</div>

</div>

<!–

            <div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                   <h1>敬称</h1>

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                   <select class=”slds-input” style=”width: 100px;” name=”Salutation” id=”salutationId” data-ng-model=”salutation” data-ng-change=”change1()” data-ng-init=”init1()”>

                         <option value=”-None-“>-None-</option>

                         <option value=”Mr.”>Mr.</option>

                         <option value=”Ms.”>Ms.</option>

                         <option value=”Mrs.”>Mrs.</option>

                         <option value=”Dr.”>Dr.</option>

                         <option value=”Prof.”>Prof.</option>

                         </select>

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

               </div>

               <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

               </div>

           </div>

           –>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>苗字 (英語)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 “>

<input class=”slds-input” data-ng-model=”lastname” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”lastNameId” data-ng-style=”required1″/>

<span style=”color:Red; font-weight:bold;” id=”lastNameIdSpan”></span>

                    </div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                           売主タイプ

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                           <select class=”slds-input” name=”SellerType” id=”SellerTypeId” data-ng-model=”SellerType” data-ng-change=”change1()” data-ng-init=”init1()”>

                               <option value=”-None-“>該当なし</option>

                               <option value=”Company”>会社</option>

                               <option value=”Individual”>個人</option>

                               <option value=”Real Estate Broker”>仲介不動産会社</option>

                           </select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>名前(英語)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”firstname” data-ng-change=”change1()” data-ng-init=”init1()” id=”firstNameId”/>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>モバイル</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”mobile” data-ng-change=”change1()” data-ng-init=”init1()” id=”mobileId”/>

<span style=”color:Red; font-weight:bold;” id=”mobileSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>メール</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”email” data-ng-change=”change1();” data-ng-init=”init1()” id=”emailId”/>

<span style=”color:Red; font-weight:bold;” id=”emailSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>電話番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left “>

<input class=”slds-input” data-ng-model=”phone” data-ng-change=”change1()” placeholder=”Phone Number”

      data-ng-init=”init1()” id=”phoneId” data-ng-style=”required1″ onfocus=”showtooltip()” onmouseover=”showtooltip()” onblur=”hidetooltip()” onmouseleave=”hidetooltip()”/>

<span style=”color:Red; font-weight:bold;” id=”phoneSpan”></span>

 

<!– <div class=”tooltip”>Hover over me

 <span class=”tooltiptext”>Tooltip text</span>

</div> –>

<div class=”slds-p-horizontal–small” id=”tooltip”>

                               商談名をスペース入れないでください

</div>

                           <!–<div class=”tooltip”>

                               <img src=”{!URLFOR($Resource.infoicon)}” alt=”AgentFind Logo”

                                    Style=”Height: 150px;width: 150px; padding-top: 2%; padding-bottom: 1%;”/>

                               <span class=”tooltiptext”>

                               By enabling this, any exception that occurred while executing web to any service

                               will be tracked in “Web2Any Exception” Object. It is ensured that there will be

                               no user data loss on exception.

                           </span>

                           </div>–>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ファックス</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”fax” data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”faxSpan”></span>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>連絡用</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”callBack” id=”callBackId” data-ng-model=”callBack” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Mobile”>モバイル</option>

<option value=”Phone”>電話番号</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zipAdd” data-ng-change=”change1()” data-ng-init=”init1()” data-ng-focus=”geolocate()” id=”zipAddId”/>

<span style=”color:Red; font-weight:bold;” id=”zipAddSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>町名・番地</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”streetAdd” data-ng-change=”change1()” data-ng-init=”init1()” id=”streetAddId”/>

<span style=”color:Red; font-weight:bold;” id=”streetAddSpan”></span>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”stateAdd” data-ng-change=”change1()” data-ng-init=”init1()” id=”stateAddId”/>

<span style=”color:Red; font-weight:bold;” id=”stateAddSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>建物名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”buildingname” data-ng-change=”change1()” data-ng-init=”init1()” id=”buildingnameId”/>

<span style=”color:Red; font-weight:bold;” id=”buildingnameSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”cityAdd” data-ng-change=”change1()” data-ng-init=”init1()” id=”cityAddId”/>

<span style=”color:Red; font-weight:bold;” id=”cityAddSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>部屋番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”roomNumber” data-ng-change=”change1()” data-ng-init=”init1()” id=”roomNumberId”/>

<span style=”color:Red; font-weight:bold;” id=”roomNumberSpan”></span>

</div>

</div>

 

<!– <p style=”font-size:15px; font-weight:bold; text-align:left;padding-left:0px;”><div class=”slds-text-heading–medium”>Opportunity Information</div>ion</p>–>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Opportunity Information</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”test”

    style=”margin-top:5px;margin-right: 10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”sellingsituation” id=”sellingsituationId” data-ng-model=”sellingsituation” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Urgently”>大至急</option>

<option value=”5 to 10 days”>5~10日間</option>

<option value=”ASAP”>なるべく早く</option>

<option value=”As soon as the desired conditions are met”>条件が合えばすぐに</option>

<option value=”Just curious about the sale price”>ただ値段が知りたい</option>

<option value=”Other”>その他</option>

<option value=”Undecided”>未定</option>

<option value=”No hurry”>急いでない</option>

<option value=”Distressed”>困っている</option>

<option value=”Needs money immediately”>至急換金したい</option>

<option value=”Emergency sale”>緊急セール</option>

<option value=”Inheritance”>相続</option>

<option value=”Divorce”>離婚</option>

<option value=”Death in the family”>死亡</option>

<option value=”Financial Difficulty”>財政困難</option>

<option value=”Back taxes”>滞納税</option>

<option value=”Relocating”>移転</option>

<option value=”Not needed”>不要</option>

 

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>承諾済の日時</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” name=”Accepteddate” data-ng-model=”Accepteddateandtime” data-ng-change=”change1()” data-ng-init=”init1()” id=”contactDateTimeId” style=”margin-left: 1px;” data-ng-required=”If(Selleragreedtosharepersonalproper ==’Accepted’,true,false)”/>

<span id=”AccepteddateandtimeId”></span>

<p style=”color:red;”

  data-ng-if=”(Selleragreedtosharepersonalproper==’Accepted’ && Accepteddateandtime == undefined)”>

承諾済の日時を入力してください</p>

</div>

<br/>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”Opp”

    style=”margin-top:5px;margin-right:10px”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望価格</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”SellingDesiredPrice”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”SellingDesiredPriceSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売主は個人情報と物件情報を第三者に共有の承諾済</h1>

</div>

 

<div class=”slds-col slds-size–1-of-4 slds-p-horizontal–small”>

<select class=”slds-input” name=”Selleragreedtosharepersonalproper”

       id=”SelleragreedtosharepersonalproperId”

       data-ng-model=”Selleragreedtosharepersonalproper” data-ng-change=”change1()”

       data-ng-init=”init1()”>

<option value=”-TBC-“>未確認</option>

<option value=”Accepted”>許可</option>

<option value=”Rejected”>拒否</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”Opp”

    style=”margin-top:5px;margin-right:10px”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望価格言われる時間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”Timeofthedesiredpriceclaimed”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”TimeofthedesiredpriceclaimedSpan”></span>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>Lead Source</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leadsource” id=”leadsourceId” data-ng-model=”leadsource” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Act On TV”>大人の趣味と生活向上◆アクトオンTV</option>

<option value=”Animal Planet”>アニマルプラネット</option>

<option value=”Asia Dramatic”>アジアドラマチックTV </option>

<option value=”Better Life ch”>ベターライフch </option>

<option value=”BS-Nittere”>BS日テレ </option>

<option value=”Cartoon Network”>カートゥーンネットワーク </option>

<option value=”Channel Ginga”>チャンネル銀河</option>

<option value=”Channel Neco”>チャンネルNECO </option>

<option value=”Chihou Keiba Nine(Local Horse Racing)”>地方競馬ナイン </option>

<option value=”CNNj”>CNNj</option>

<option value=”DATV”>DATV</option>

<option value=”Discovery Channel”>ディスカバリーチャンネル</option>

<option value=”Eisei Gekijo(Satelite Theater)”>衛星劇場</option>

<option value=”Entermeitele”>エンタメ~テレ</option>

<option value=”Family Gekijo(Family Theater)”>ファミリー劇場</option>

<option value=”Family Gekijo(ver2)”>ファミリー劇場(ver 2)</option>

<option value=”FOX”>FOX</option>

<option value=”Fox Sports & Entertainment”>FOXスポーツ&エンタテイメント </option>

<option value=”FOXClassics”>FOXClassics</option>

<option value=”FOXMovies”>FOXMovies</option>

<option value=”Gaora”>Gaora</option>

<option value=”Golf Network</”>ゴルフネットワーク</option>

<option value=”History Channel”>ヒストリーチャンネル</option>

<option value=”Home Drama Channel”>ホームドラマチャンネル(日中)</option>

<option value=”Igo Syogi Channel(Japanese Board Games)”>囲碁将棋チャンネル</option>

<option value=”IMAGICA BS”>IMAGICA BS</option>

<option value=”J:COM Chiba MC”>J:COM 千葉MC</option>

<option value=”J:COM Fukuoka”>J:COM福岡</option>

<option value=”J:COM Kansai MC”>J:COM 関西MC</option>

<option value=”J:COM Kitakyusyu MC”>J:COM北九州 MC</option>

<option value=”J:COM Tokyo MC”>J:COM 東京MC</option>

<option value=”Jsports”>Jsports</option>

<option value=”Kayo Pops”>歌謡ポップスチャンネル</option>

<option value=”KBS World”>KBS World</option>

<option value=”Kids Station”>キッズステーション</option>

<option value=”KNTV”>KNTV</option>

<option value=”LaLaTV”>LaLaTV</option>

<option value=”M-net”>M-net</option>

<option value=”MONDO TV”>MONDO TV</option>

<option value=”Movie Plus”>ムービープラス</option>

<option value=”Music Graffiti”>ミュージック・グラフィティ</option>

<option value=”National Geographic Channel”>ナショナル ジオグラフィックチャンネル</option>

<option value=”National Geographic Wild”>ナショジオ ワイルド</option>

<option value=”Other”>Other</option>

<option value=”Select Shopping”>セレクトショッピング</option>

<option value=”SKY・A”>SKY・A</option>

<option value=”Space Shower TV”>スペースシャワーTV</option>

<option value=”Space Shower TV Plus”>スペースシャワーTV+</option>

<option value=”Super!Drama TV”>スーパー!ドラマTV</option>

<option value=”Tabi Channel (Travel Channel)”>旅チャンネル</option>

<option value=”The Cinema”>ザ・シネマ</option>

<option value=”The Cinema(ver 2)”>ザ・シネマ(ver 2)</option>

<option value=”TV Asahi Channel”>テレ朝チャンネル</option>

<option value=”Web Inquiry Form”>Web問い合わせ</option>

<option value=”Website/with video version/SEM”>Website/ビデオあり/SEM</option>

<option value=”Website/with video version/SEO”>Website/ビデオあり/SEO</option>

<option value=”Website/with video version/Youtube”>Website/ビデオあり/Youtube</option>

<option value=”Website/without video version/SEM”>Website/ビデオなし/SEM</option>

<option value=”Website/without video version/SEO”>Website/ビデオなし/SEO</option>

<option value=”Website/without video version/Youtube”>Website/ビデオなし/Youtube</option>

<option value=”Yose Channel”>寄席チャンネル</option>

<option value=”Youtube in-stream”>Youtube in-stream</option>

<option value=”SumaiStar Channel”>スマイスター</option>

                               <option value=”Churis Akasaka (BS)”>チュリス赤坂(BS)</option>

                               <option value=”Churis Akasaka (CS)”>チュリス赤坂(CS)</option>

                               <option value=”Churis Akasaka (Web)”>チュリス赤坂(Web)</option>

 

</select>

</div>

 

</div>

                   <div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”Opp”

                        style=”margin-top:5px;margin-right:10px”>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                           <h1>売却理由</h1>

                       </div>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                           <input class=”slds-input” type=”text” data-ng-model=”ReasontoSale”

                                  data-ng-change=”change1()” data-ng-init=”init1()”/>

                           <span style=”color:Red; font-weight:bold;” id=”ReasontoSaleSpan”></span>

                       </div>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                       </div>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                       </div>

 

                   </div>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Target Property Mailing Address

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded slds-text-align–right” id=”Target”

    style=”margin-top:5px;margin-right:10px”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zip1Add” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zip1AddSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>町名・番地 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”mailingStreet1″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”mailingStreet1Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”state1Add” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”state1AddSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>建物名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”mailingStreet2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”mailingStreet2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”city1Add” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”cityAdd2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>部屋番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”roomNumber1″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”roomNumber1Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>所有者は照会者に異なる</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<label class=”slds-checkbox” for=”chkbox31″>

<input type=”checkbox” id=”chkbox31″ data-ng-model=”contactNotOnwer”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span class=”slds-checkbox–faux”></span>

</label>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>続柄</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”Title” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”TitleSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>所有者 苗字(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerLastnameKanji” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerLastnameKanjiSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>所有者 苗字(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerLastnameKana” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerLastnameKanaSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>所有者 名前(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerFirstnameKanji” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerFirstnameKanjiSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 名前(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerFirstnameKana” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerLastnameKanaSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 苗字(英語)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerLastnameEnglish” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerLastnameEnglishSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

 

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 名前(英語)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerFirstnameEnglish” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerFirstnameEnglishSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

 

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 電話</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerPhone” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerPhoneSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerZip” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerZipSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 町名・番地</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownermailStreet” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownermailStreetSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerMailState” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerMailStateSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 建物名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerbuildingName” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerbuildingNameSpan”></span>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerMailCity” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerMailCitySpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者 部屋番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ownerRoomNum”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ownerRoomNumSpan”></span>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>所有者に関する補足</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<textarea class=”slds-input” name=”others” data-ng-model=”others” id=”ext&Recon”

         data-ng-change=”change1()” data-ng-init=”init1()” cols=”35″

         wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”othersSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>マップ確認</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–left”>

<select class=”slds-input” name=”MapVerification” id=”MapVerificationId”

       data-ng-model=”MapVerification” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Map verify OK”>マップ確認OK</option>

<option value=”Map verify NG”>マップ確認NG</option>

</select>

</div>

</div>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Property Zoning Address</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningZip” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningZipSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番) 町名・番地1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningStreet1″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStreet1Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番) 都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningState” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStateSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番) 町名・番地2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningStreet2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStreet2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番) 市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningCity” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningCitySpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>委任状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”powerOfAtt” id=”singleSelectId” data-ng-model=”powerOfAtt”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>検査済証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”inspectionCerti” id=”singleSelectId”

       data-ng-model=”inspectionCerti” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>本人が契約可</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”isOwnerAbleSignContract” id=”isOwnerAbleSignContractId”

       data-ng-model=”isOwnerAbleSignContract” data-ng-change=”change1()”

       data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”titleDeed” id=”titleDeedId” data-ng-model=”titleDeed”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>境界確認証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”CerBounCon” id=”CerBounConId” data-ng-model=”CerBounCon”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px; margin-bottom:5px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ローン残高</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”bankLoanBal” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”bankLoanBalSpan”></span>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>他者からのオファーはある?(仲介・買取)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”OthercompaniesOfferAgencyorBuyBack”

         data-ng-model=”OthercompaniesOfferAgencyorBuyBack”

         id=”OthercompaniesOfferAgencyorBuyBackId” cols=”35″ wrap=”soft”

         data-ng-change=”change1()” data-ng-init=”init1()”></textarea>

<span style=”color:Red; font-weight:bold;”

     id=”OthercompaniesOfferAgencyorBuyBackSpan”></span>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>物件種別</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”protype” id=”proTypeId” data-ng-model=”proType”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Land”>土地</option>

<option value=”House”>戸建</option>

<option value=”Building”>ビル</option>

<option value=”Condo”>マンション</option>

<option value=”Golf Course”>ゴルフコース</option>

<option value=”Hotel”>ホテル</option>

<option value=”Ryokan”>旅館</option>

<option value=”Farm”>農地</option>

<option value=”Parking lot”>駐車場</option>

<option value=”Amusement Park”>遊園地</option>

<option value=”Warehouse”>倉庫</option>

<option value=”Factory”>工場</option>

<option value=”Solar / Wind farm”>ソーラー・風力施設</option>

<option value=”Retail”>お店</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>備考</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”description” data-ng-model=”description”

 id=”DescriptionId” cols=”35″ wrap=”soft” data-ng-change=”change1()”

 data-ng-init=”init1()”></textarea>

 <span style=”color:Red; font-weight:bold;” id=”extReconSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>トラブル</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”anyTroubles” data-ng-model=”anyTroubles”

         id=”anyTroublesId” data-ng-change=”change1()” data-ng-init=”init1()” cols=”35″

         wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extReconoppSpan”></span>

</div>

</div>

<br/>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Convenient time to call

back(連絡希望日時)

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;margin-bottom:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>連絡希望日時</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”Convenienttocallback” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”ConvenienttocallbackSpan”></span>

</div>

</div>

 

<!–<section style=”margin-top:30px;background-color:rgba(95, 158, 160, 0.28);height:70px;”><p></p><br/><p style=”font-size:20px; font-weight:bold; text-align:left;padding-left:70px;”>Land/House</p></section>–>

 

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Land/House</h1>

</div>

</div>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”landsizeSqMt”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”landsizeSqMtSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>築年月日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”yearBuilt” data-ng-maxlength=”4″

      maxlength=”4″ data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”yearBuiltSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>延床面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”buildingsizeSqMt”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”buildingsizeSqMtSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間取り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”layout” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”layoutSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>構造</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”constructionType” id=”constructionTypeId”

       data-ng-model=”constructionType” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Reinforced Concrete”>RC(鉄筋コンクリード)</option>

<option value=”Wood Frame”>木造</option>

<option value=”Steel Frame”>鉄骨</option>

<option value=”Light Steel Frame”>軽量鉄骨造</option>

<option value=”Sound Transmission Class”>遮音グラス</option>

<option value=”Composite Steel & Reinforced Concrete”>SRC(鉄骨鉄筋コンクリード造</option>

<option value=”Wood & Reinforced Concrete”>木造&RC(鉄筋コンクリード)</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>階数</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”floorNum” data-ng-change=”change1()”

      data-ng-maxlength=”10″ maxlength=”10″ data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”floorNumSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>向き</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”direcFace” id=”direcFaceId” data-ng-model=”direcFace”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”West”>西</option>

<option value=”North West”> 北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>駐車場</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”parkSpace” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”parkSpaceSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>竣工図・間取図</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”builComCer” id=”builComCerId” data-ng-model=”builComCer”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”propertyCert” id=”propertyCerId”

       data-ng-model=”propertyCert” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Abandoned”>放棄</option>

<option value=”Owner occupied”>居住中</option>

<option value=”Tenanted”>賃貸中</option>

<option value=”Empty”>空室</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>最終退去日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”lastOccDate” data-ng-change=”change1()”

      data-ng-init=”init1()” id=”lastOccDateId”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>状態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”condition” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”conditionSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>残置物</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”UnnecessaryMat” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”UnnecessaryMatSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状年間家賃収入</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”currentAnnInc”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”currentAnnIncSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>更新予定</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”contactRenewal” id=”contactRenewalId”

       data-ng-model=”contactRenewal” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodFrom”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodFromSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>保証人</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” name=”Guarantor” id=”GuarantorId” data-ng-model=”Garanter”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間終了日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodTo”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodToSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約形態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofcontract” id=”typeOfContractId”

       data-ng-model=”typeOfContract” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Fixed Term Lease”>定期賃貸</option>

<option value=”Regular Lease”>普通賃貸</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>賃貸借契約書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leasecontract” id=”leaseContractId”

       data-ng-model=”leaseContract” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>管理会社</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”managementCom” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”managementComSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>敷金・補償金</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”depComPayment”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”depComPaymentSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>転貸などの特別条件</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”subleaseSpecCon” id=”subleaseSpecConId”

       data-ng-model=”subleaseSpecCon” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状用途</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”statusofuse” id=”statusofuseId” data-ng-model=”statusofuse”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Residence”>住居</option>

<option value=”Parking”>駐車場</option>

<option value=”Tenant”>テナント</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ありの場合</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ifYes” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地権(あり・なし)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leaseholdfree” id=”statusofuseId”

       data-ng-model=”leaseholdfree” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地権利</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landOwnershipRight” id=”landOwnershipRightId”

       data-ng-model=”landOwnershipRight” data-ng-change=”change1()”

       data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Freehold”>所有権</option>

<option value=”Leasehold”>賃借権</option>

<option value=”Trust Beneficiary Right”>信託受益権</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termFrom” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termFromSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights” id=”typeofRightsId”

       data-ng-model=”typeofRights” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Old law”>旧法</option>

<option value=”Regular”>普通</option>

<option value=”Fixed Term”>定期</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地期間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termTo” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termToSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights2″ id=”typeofRights2Id”

       data-ng-model=”typeofRights2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Surface Rights”>地上権</option>

<option value=”Lease Hold”>賃借権</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地料</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”grandRent” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”grandRentSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>通行掘削承諾書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”excavatDoc” id=”excavatDocId” data-ng-model=”excavatDoc”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road1″ id=”road1Id” data-ng-model=”road1″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1 style=”padding-top:7px;”>道路付 3</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road3″ id=”road3Id” data-ng-model=”road3″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth1″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth1Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth3Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”

    style=”margin-top:5px;”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”

    style=”margin-top:5px;”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage1″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage1Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”

    style=”margin-top:5px;”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”

    style=”margin-top:5px;”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage3Span”></span>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road2″ id=”road2Id” data-ng-model=”road2″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 4</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road4″ id=”road4Id” data-ng-model=”road4″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth4″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth4Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded slds-text-align–right”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage1Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage4″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage4Span”></span>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>接道状況</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”connRoad” id=”connRoadId” data-ng-model=”connRoad”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”One Side”>一方</option>

<option value=”Two Way(Corner Lot)”>二方(角地)</option>

<option value=”Two Way(Both Side)”>二方(両面)</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>地形</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landform” id=”landformId” data-ng-model=”landform”

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Regular Shape Land”>整形地</option>

<option value=”Flagpole Land”>旗竿地</option>

<option value=”Irregular Shape Land”>変形地</option>

</select>

</div>

</div>

<br/>

 

<!– <div class=”slds-text-heading–medium” style=”margin-left:40px;” >Renovation History</div>–>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Renovation History</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Date” data-ng-model=”interExterAbWhen”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterAbWhenSpan”></span>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム内容</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”interExterRemarks” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterRemarksSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>水回り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”waterCirArea” id=”waterCirAreaId”

       data-ng-model=”waterCirArea” data-ng-change=”change1()” data-ng-init=”init1()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Kitchen”>キッチン</option>

<option value=”Bathroom”>浴室</option>

<option value=”Washroom”>洗面所</option>

<option value=”Toilet”>トイレ</option>

<option value=”Water Heater”>給湯器</option>

<option value=”Water Supply and Drainage pipe”>給排水管</option>

<option value=”Other”>その他</option>

</select>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>内装</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”interiorExterior” id=”interiorExteriorId”

       data-ng-model=”interiorExterior” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Wall-Ceiling(Closet,Painting etc)”>壁・天井(クロス, 塗装など)</option>

<option value=”Floor(Flooring etc)”>床(フローリングなど)</option>

<option value=”Fittings(Interior Door)”> 建具(室内ドアなど)</option>

<option value=”Roof”>ルーフ</option>

</select>

</div>

 

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増築・改築</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”extRecon” data-ng-model=”extRecon” id=”ext&Recon”

         cols=”35″ wrap=”soft” data-ng-change=”change1()”

         data-ng-init=”init1()”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extReconSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増改築時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” name=”erAboutWhen” data-ng-model=”erAboutWhen”

      id=”ext&Recon” data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”erAboutWhenSpan”></span>

</div>

</div>

<br/>

 

<!– <section style=”margin-top:30px;background-color:rgba(95, 158, 160, 0.28);height:70px;”><p></p><br/><p style=”font-size:20px; font-weight:bold; text-align:left;padding-left:70px;”>Condominium</p></section> –>

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Condominium</h1>

</div>

</div>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>専有面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”unitSizeinSquareMeter”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”unitSizeinSquareMeterSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>築年月日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”yearBuilt2″ data-ng-maxlength=”4″

      maxlength=”4″ data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”yearBuilt2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>構造</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”constructionType2″ id=”constructionTypeId2″

       data-ng-model=”constructionType2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Reinforced Concrete”>RC(鉄筋コンクリード)</option>

<option value=”Wood Frame”>木造</option>

<option value=”Steel Frame”>鉄骨</option>

<option value=”Light Steel Frame”>軽量鉄骨造</option>

<option value=”Sound Transmission Class”>遮音グラス</option>

<option value=”Composite Steel & Reinforced Concrete”>SRC(鉄骨鉄筋コンクリード造</option>

<option value=”Wood & Reinforced Concrete”>木造&RC(鉄筋コンクリード)</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間取り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”layout2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”layout2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>向き</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”direcFace2″ id=”direcFaceId” data-ng-model=”direcFace2″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”West”>西</option>

<option value=”North West”> 北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>階数</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”floorNum2″ data-ng-change=”change1()”

      data-ng-maxlength=”10″ maxlength=”10″ data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”floorNum2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>竣工図・間取図</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”builComCer” id=”builComCerId2″ data-ng-model=”builComCer2″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>駐車場</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”parkSpace2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”parkSpace2Span”></span>

</div>

</div>

 

<!–  <div class=”slds-text-heading–medium” style=”margin-left:40px;”>Additional Facilities</div> –>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Additional Facilities</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>倉庫</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”parkSpace3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”parkSpace3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>駐輪場</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”motorcycleparking”

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”motorcycleparkingSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>バルコニー</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”balcony” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”balconySpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>エレベーター</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”elevator” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”elevatorSpan”></span>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”propertyCert2″ id=”propertyCer2Id”

       data-ng-model=”propertyCert2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Abandoned”>放棄</option>

<option value=”Owner occupied”>居住中</option>

<option value=”Tenanted”>賃貸中</option>

<option value=”Empty”>空室</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>最終退去日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”lastOccDate2″

      data-ng-change=”change1()” data-ng-init=”init1()” id=”lastOccDateId”/>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>状態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”condition2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”condition2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>残置物</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”UnnecessaryMat2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”UnnecessaryMat2Span”></span>

</div>

</div>

<br/>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状年間家賃収入</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”currentAnnInc2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”currentAnnInc2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>更新予定</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”contactRenewal2″ id=”contactRenewal2Id”

       data-ng-model=”contactRenewal2″ data-ng-change=”change1()” data-ng-init=”init()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodFrom2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodFrom2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>保証人</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” name=”Guarantor2″ id=”GuarantorId2″ data-ng-model=”Garanter2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間終了日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodTo2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodTo2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約形態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofcontract2″ id=”typeOfContractId2″

       data-ng-model=”typeOfContract2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Fixed Term Lease”>定期賃貸</option>

<option value=”Regular Lease”>普通賃貸</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>賃貸借契約書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leasecontract2″ id=”leaseContractId2″

       data-ng-model=”leaseContract2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>管理会社</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”managementCom2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”managementCom2Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>敷金・補償金</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”depComPayment2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”depComPayment2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>転貸などの特別条件</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”subleaseSpecCon2″ id=”subleaseSpecConId2″

       data-ng-model=”subleaseSpecCon2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状用途</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”statusofuse2″ id=”statusofuseId2″

       data-ng-model=”statusofuse2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Residence”>住居</option>

<option value=”Parking”>駐車場</option>

<option value=”Tenant”>テナント</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ありの場合</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ifYes1″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地権(あり・なし)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leaseholdfree2″ id=”leaseholdfree2Id”

       data-ng-model=”leaseholdfree2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地権利</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landOwnershipRight2″ id=”landOwnershipRightId2″

       data-ng-model=”landOwnershipRight2″ data-ng-change=”change1()”

       data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Freehold”>所有権</option>

<option value=”Leasehold”>賃借権</option>

<option value=”Trust Beneficiary Right”>信託受益権</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termFrom2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termFrom2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights3″ id=”typeofRightsId2″

       data-ng-model=”typeofRights3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Old law”>旧法</option>

<option value=”Regular”>普通</option>

<option value=”Fixed Term”>定期</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地期間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termTo2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termTo2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights22″ id=”typeofRights22Id”

       data-ng-model=”typeofRights22″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Surface Rights”>地上権</option>

<option value=”Lease Hold”>賃借権</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地料</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”grandRent2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”grandRent2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

<br/>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Renovation History</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Date” data-ng-model=”interExterAbWhen2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterAbWhen2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム内容</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”interExterRemarks2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterRemarks2Span”></span>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>水回り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”waterCirArea2″ id=”waterCirAreaId2″

       data-ng-model=”waterCirArea2″ data-ng-change=”change1()” data-ng-init=”init1()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Kitchen”>キッチン</option>

<option value=”Bathroom”>浴室</option>

<option value=”Washroom”>洗面所</option>

<option value=”Toilet”>トイレ</option>

<option value=”Water Heater”>給湯器</option>

<option value=”Water Supply and Drainage pipe”>給排水管</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>内装</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”interiorExterior2″ id=”interiorExteriorId2″

       data-ng-model=”interiorExterior2″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Wall-Ceiling(Closet,Painting etc)”>壁・天井(クロス, 塗装など)</option>

<option value=”Floor(Flooring etc)”>床(フローリングなど)</option>

<option value=”Fittings(Interior Door)”> 建具(室内ドアなど)</option>

<option value=”Roof”>ルーフ</option>

</select>

</div>

</div>

<br/>

 

<!–<section style=”margin-top:30px;background-color:rgba(95, 158, 160, 0.28);height:70px;”><p></p><br/><p style=”font-size:20px; font-weight:bold; text-align:left;padding-left:70px;”>Building</p></section> –>

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Building</h1>

</div>

</div>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>建物のタイプ</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”buildingtype” id=”buildingtypeId”

       data-ng-model=”buildingtype” data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Building”>ビル</option>

<option value=”Condominium”>コンドミニアム</option>

<option value=”Apartment”>アパート</option>

<option value=”Others”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1 style=”margin-left:10px;font-weight:bold;”>Building Layout</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”landsizeSqMt2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”landsizeSqMt2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>店舗</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”store” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”storeSpan”></span>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>延床面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”buildingsizeSqMt2″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”buildingsizeSqMt2Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>事務所</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”office” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”officeSpan”></span>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>住戸</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”tenant” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”tenantSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>その他</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”Othersnum” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”OthersnumSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>構造</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”constructionType3″ id=”constructionTypeId3″

       data-ng-model=”constructionType3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Reinforced Concrete”>RC(鉄筋コンクリード)</option>

<option value=”Wood Frame”>木造</option>

<option value=”Steel Frame”>鉄骨</option>

<option value=”Light Steel Frame”>軽量鉄骨造</option>

<option value=”Sound Transmission Class”>遮音グラス</option>

<option value=”Composite Steel & Reinforced Concrete”>SRC(鉄骨鉄筋コンクリード造</option>

<option value=”Wood & Reinforced Concrete”>木造&RC(鉄筋コンクリード)</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>築年月日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”yearBuilt3″ data-ng-maxlength=”4″

      maxlength=”4″ data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”yearBuilt3Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>向き</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”direcFace3″ id=”direcFaceId3″ data-ng-model=”direcFace3″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”West”>西</option>

<option value=”North West”> 北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>総階数</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”NufloorNum3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”floorNum3Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>竣工図・間取図</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”builComCer2″ id=”builComCerId3″ data-ng-model=”builComCer3″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>駐車場</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”parkSpace4″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”parkSpace4Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”propertyCert3″ id=”propertyCerId3″

       data-ng-model=”propertyCert3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Abandoned”>放棄</option>

<option value=”Owner occupied”>居住中</option>

<option value=”Tenanted”>賃貸中</option>

<option value=”Empty”>空室</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>最終退去日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”lastOccDate3″

      data-ng-change=”change1()” data-ng-init=”init1()” id=”lastOccDateId”/>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>状態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”condition3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”condition3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>残置物</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”UnnecessaryMat3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”UnnecessaryMat3Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状年間家賃収入</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”currentAnnInc3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”currentAnnInc3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>更新予定</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”contactRenewal3″ id=”contactRenewal3Id”

       data-ng-model=”contactRenewal3″ data-ng-change=”change1()” data-ng-init=”init()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>満室時年収</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”AnnInc” data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”AnnIncSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodFrom3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodFrom3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>保証人</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” name=”Guarantor3″ id=”GuarantorId3″ data-ng-model=”Garanter3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間終了日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodTo3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodTo3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約形態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofcontract3″ id=”typeOfContractId3″

       data-ng-model=”typeOfContract3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Fixed Term Lease”>定期賃貸</option>

<option value=”Regular Lease”>普通賃貸</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>賃貸借契約書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leasecontract3″ id=”leaseContractId3″

       data-ng-model=”leaseContract3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>管理会社</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”managementCom3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”managementCom3Span”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>敷金・補償金</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”depComPayment3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”depComPayment3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>転貸などの特別条件</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”subleaseSpecCon3″ id=”subleaseSpecConId3″

       data-ng-model=”subleaseSpecCon3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状用途</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”statusofuse3″ id=”statusofuseId3″

       data-ng-model=”statusofuse3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Residence”>住居</option>

<option value=”Parking”>駐車場</option>

<option value=”Tenant”>テナント</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ありの場合</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ifYes2″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地権(あり・なし)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leaseholdfree3″ id=”leaseholdfree3Id”

       data-ng-model=”leaseholdfree3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地権利</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landOwnershipRight3″ id=”landOwnershipRightId3″

       data-ng-model=”landOwnershipRight3″ data-ng-change=”change1()”

       data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Freehold”>所有権</option>

<option value=”Leasehold”>賃借権</option>

<option value=”Trust Beneficiary Right”>信託受益権</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termFrom3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termFrom3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights5″ id=”typeofRightsId5″

       data-ng-model=”typeofRights5″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Old law”>旧法</option>

<option value=”Regular”>普通</option>

<option value=”Fixed Term”>定期</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地期間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termTo3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”termTo3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights33″ id=”typeofRights33Id”

       data-ng-model=”typeofRights33″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Surface Rights”>地上権</option>

<option value=”Lease Hold”>賃借権</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地料</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”grandRent3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”grandRent3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>通行掘削承諾書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”excavatDoc2″ id=”excavatDocId2″ data-ng-model=”excavatDoc2″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road11″ id=”road11Id” data-ng-model=”road11″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 3</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road33″ id=”road33Id” data-ng-model=”road33″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth11″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth11Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth33″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth33Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage11″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage11Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”

    style=”margin-top:5px;”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage33″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage33Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road22″ id=”road22Id” data-ng-model=”road22″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 4</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road44″ id=”road44Id” data-ng-model=”road44″

       data-ng-change=”change1()” data-ng-init=”init1()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth22″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth22Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth44″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth44Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”frontage22″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage22Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage44″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage44Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>接道状況</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”connRoad2″ id=”connRoadId2″ data-ng-model=”connRoad2″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”One Side”>一方</option>

<option value=”Two Way(Corner Lot)”>二方(角地)</option>

<option value=”Two Way(Both Side)”>二方(両面)</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>地形</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landform2″ id=”landformId2″ data-ng-model=”landform2″

       data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Regular Shape Land”>整形地</option>

<option value=”Flagpole Land”>旗竿地</option>

<option value=”Irregular Shape Land”>変形地</option>

</select>

</div>

</div>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Renovation History</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Date” data-ng-model=”interExterAbWhen3″

      data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterAbWhen3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム内容</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”interExterRemarks3″ data-ng-change=”change1()”

      data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterRemarks3Span”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>水回り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”waterCirArea3″ id=”waterCirAreaId3″

       data-ng-model=”waterCirArea3″ data-ng-change=”change1()” data-ng-init=”init1()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Kitchen”>キッチン</option>

<option value=”Bathroom”>浴室</option>

<option value=”Washroom”>洗面所</option>

<option value=”Toilet”>トイレ</option>

<option value=”Water Heater”>給湯器</option>

<option value=”Water Supply and Drainage pipe”>給排水管</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>内装</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”interiorExterior3″ id=”interiorExteriorId3″

       data-ng-model=”interiorExterior3″ data-ng-change=”change1()” data-ng-init=”init1()”>

<option value=”-None-“>該当なし</option>

<option value=”Wall-Ceiling(Closet,Painting etc)”>壁・天井(クロス, 塗装など)</option>

<option value=”Floor(Flooring etc)”>床(フローリングなど)</option>

<option value=”Fittings(Interior Door)”> 建具(室内ドアなど)</option>

<option value=”Roof”>ルーフ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増築・改築</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”extRecon2″ data-ng-model=”extRecon2″ id=”ext&Recon”

         cols=”35″ wrap=”soft” data-ng-change=”change1()”

         data-ng-init=”init1()”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extRecon3Span”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増改築時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” name=”erAboutWhen2″ data-ng-model=”erAboutWhen2″

      id=”ext&Recon” data-ng-change=”change1()” data-ng-init=”init1()”/>

<span style=”color:Red; font-weight:bold;” id=”erAboutWhen2Span”></span>

</div>

</div>

 

                <div class=”slds-text-align–center” style=”margin-bottom: 10px; margin-top:10px”>

<input id=”saveButton2″ class=”slds-button slds-button–brand slds-not-selected” type=”button”

      value=”Save” onclick=”save();”></input>

<input id=”cancelButton2″ class=”slds-button slds-button–neutral slds-not-selected”

      type=”button” value=”Cancel” onclick=”goBack();”></input>

</div>

</div>

 

<div id=”SavedInfo”>

<div class=”slds-text-align–center” style=”margin-bottom: 10px;”>

<input class=”slds-button slds-button–brand slds-not-selected” type=”button” value=”Save”

      onclick=”saveCon();”></input>

<input class=”slds-button slds-button–neutral slds-not-selected” type=”button” value=”Cancel”

      onclick=”goBack();”></input>

</div>

<div data-ng-app=”AccountApp” id=”AccountDiv” data-ng-controller=”myCtrlAcc”>

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>会話メモ (Dialog)</h1>

</div>

</div>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>会話履歴 (Dialog History)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”dialogHistoryAcc” data-ng-model=”dialogHistoryAcc”

         id=”dialogHistoryAccId” data-ng-change=”change2()” data-ng-init=”init2()”

         cols=”35″ wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”othersSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>買わない理由 (No Buy Reason)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”noBuyReasonAcc” data-ng-model=”noBuyReasonAcc”

         id=”noBuyReasonAccId” data-ng-change=”change2()” data-ng-init=”init2()”

         cols=”35″ wrap=”soft”></textarea>

<span style=”color:Red; font-weight:bold;” id=”noBuyReasonAccSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:8px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>次のコールバック日時 (Next Call Date &amp; Time)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” data-ng-model=”NextCallDateTimeAcc” data-ng-change=”change2()” data-ng-init=”init2()” id=”NextCallDateTimeAccId” style=”margin-left: 1px;”/>

<span id=”NextCallDateTimeId”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”test”

    style=”margin-top:5px;margin-right: 10px;margin-bottom:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>Stage</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”stageOpp” id=”stageId” data-ng-model=”stageOpp”

       data-ng-change=”change2()” data-ng-init=”init2()”>

<option value=”Lead Captured”>リード獲得(IVR・Web)</option>

<option value=”Intent Confirmed-Missing Info”>情報不足・再連絡</option>

<option value=”CC-Property info captured”>査定受付済</option>

<option value=”HJ Appraisal Requested”>査定中</option>

<option value=”Offer to buy made by DD or BB”>査定済(オファー・買わない)</option>

<option value=”Under Negotiation”>価格交渉中</option>

<option value=”Seller Accepted Offer”>買取金額合意済</option>

<option value=”Offer Letter Sent”>売却申込書サイン済</option>

<option value=”Preparing Contract”>本契約準備中</option>

<option value=”Preparing Closing”>決済準備中</option>

<option value=”Closed Won”>成立(契約・決済済)</option>

<option value=”Deal Declined Internally”>不成立(買取不可)</option>

<option value=”Seller Withdrawn”>不成立(売主が見送り)</option>

<option value=”Seller Fully Rejected Offer”>不成立(売主が価格却下)</option>

<option value=”Closed Lost”>不成立(その他の理由)</option>

<option value=”Notified Seller No-Buy Result”>売主に買取不可の連絡済</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>Outcome</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”outcomeOpp” id=”outcomeOppId”

       data-ng-model=”outcomeOpp” data-ng-change=”change2()” data-ng-init=”init2()”>

<option value=”-None-“>該当なし</option>

<option value=”Sold to BB Company”>買取業者へ売却済</option>

<option value=”DD Acquires”>ドモドモが獲得</option>

<option value=”Listed with HJ”>ハウジングジャパン経由で公開</option>

<option value=”Lost to Rival”>競合会社が獲得</option>

<option value=”No BB Interest”>買取業者興味なし</option>

<option value=”No Decision / Non-Responsive”>検討中/連絡なし</option>

<option value=”Unable to agree on Price”>価格が合意できない</option>

<option value=”Negative Trade Value”>マイナス価値</option>

<option value=”Legally unable to sell property”>法的に売却不可物件</option>

<option value=”Yakuza ownership”>ヤクザ所有</option>

<option value=”Loan balance greater than bid”>競売価格より残債過多</option>

<option value=”Fraudulent Representation”>詐欺絡み物件</option>

<option value=”Few demand from market”>需要・流動性がない</option>

<option value=”Not For Sale”>売却意思なし</option>

</select>

</div>

<br/>

 

</div>

 

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Account Information</h1>

</div>

</div>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>入電日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local”

      data-ng-model=”InitialContactDataAndTimeacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”InitialContactDataandTimeSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>担当者</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”Agentacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”AgentSpanacc”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>電話番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”Phoneacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”PhoneSpanacc”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>名前(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”KanjiFirstNameacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”KanjiFirstNameSpanacc”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>名前(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”KanaFirstNameacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”KanaFirstNameSpanacc”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>苗字(漢字)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”KanjiLastNameacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”KanjiLastNameSpanacc”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>苗字(カナ)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”KanaLastNameacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”KanaLastNameSpanacc”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>アカウント名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”AccountNameacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”AccountNameSpanacc”></span>

</div>

 

</div>

                       <div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                           </div>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                           </div>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                               売主タイプ

                           </div>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left” >

                               <select class=”slds-input” name=”SellerTypeacc” data-ng-model=”SellerTypeacc” data-ng-change=”change2()” data-ng-init=”init2()”>

                                   <option value=”-None-“>該当なし</option>

                                   <option value=”Company”>会社</option>

                                   <option value=”Individual”>個人</option>

                                   <option value=”Real Estate Broker”>仲介不動産会社</option>

                               </select>

                           </div>

                       </div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>携帯番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”AccountMobileacc” data-ng-change=”change2()”

      data-ng-init=”init2()”/>

<span style=”color:Red; font-weight:bold;” id=”AccountMobileSpanacc”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>File Attachment</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<div class=”demo-btns”>

<div class=”info” id=”att”>

 

<p>

<a href=”” onclick=”var ifr=document.getElementsByName(‘myiframe’)[0]; ifr.src=ifr.src;” data-modal=”#modal2″ class=”modal__trigger”>Upload Attachment</a>

</p>

 

</div>

</div>

 

<!– Modal –>

 

<div id=”modal2″ class=”modal modal–align-top modal__bg” role=”dialog” aria-hidden=”true”>

<div class=”modal__dialog”>

<div id=”iframeId” class=”modal__content”>

<h1 style=”font-size: 20px; text-align: center;”>Attachment Page</h1>

<apex:iframe id=”myiframe” height=”350px” src=”/apex/FileAttachment?OppId={!$CurrentPage.parameters.OppId}” scrolling=”true”/>

</div>

<!– modal close button –>

<a href=”” class=”modal__close demo-close” style=”margin-right: 37%; margin-top: 1%;” onclick=”refreshDiv();” >

<svg class=”” viewBox=”0 0 24 24″ ><path d=”M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z” style=”fill: #000;”/><path d=”M0 0h24v24h-24z” fill=”none”/></svg>

</a>

</div>

</div>

</div>

<script>

/*function aboutReload() {

             $qsa(“#iframeId”).html(‘<iframe id=”Reloader” height=”355px” width=”830px” scrolling=”no” frameborder=”0″ src=”about.html”></iframe>’);

           }*/

 var Modal = (function() {

 //var OppId1 = getQueryVariable(‘OppId’);

 

 var trigger = $qsa(‘.modal__trigger’); // what you click to activate the modal

 var modals = $qsa(‘.modal’); // the entire modal (takes up entire window)

 var modalsbg = $qsa(‘.modal__bg’); // the entire modal (takes up entire window)

 var content = $qsa(‘.modal__content’); // the inner content of the modal

var closers = $qsa(‘.modal__close’); // an element used to close the modal

 var w = window;

 var isOpen = false;

var contentDelay = 400; // duration after you click the button and wait for the content to show

 var len = trigger.length;

 

 // make it easier for yourself by not having to type as much to select an element

 function $qsa(el) {

   return document.querySelectorAll(el);

 }

 

 var getId = function(event) {

 

   event.preventDefault();

   var self = this;

   // get the value of the data-modal attribute from the button

   var modalId = self.dataset.modal;

   var len = modalId.length;

   // remove the ‘#’ from the string

   var modalIdTrimmed = modalId.substring(1, len);

   // select the modal we want to activate

   var modal = document.getElementById(modalIdTrimmed);

   // execute function that creates the temporary expanding div

   makeDiv(self, modal);

 };

 

 var makeDiv = function(self, modal) {

 

   var fakediv = document.getElementById(‘modal__temp’);

 

   /**

    * if there isn’t a ‘fakediv’, create one and append it to the button that was

    * clicked. after that execute the function ‘moveTrig’ which handles the animations.

    */

 

   if (fakediv === null) {

     var div = document.createElement(‘div’);

     div.id = ‘modal__temp’;

     self.appendChild(div);

     moveTrig(self, modal, div);

   }

 };

 

 var moveTrig = function(trig, modal, div) {

   var trigProps = trig.getBoundingClientRect();

   var m = modal;

   var mProps = m.querySelector(‘.modal__content’).getBoundingClientRect();

   var transX, transY, scaleX, scaleY;

   var xc = w.innerWidth / 2;

   var yc = w.innerHeight / 2;

 

   // this class increases z-index value so the button goes overtop the other buttons

   trig.classList.add(‘modal__trigger–active’);

 

   // these values are used for scale the temporary div to the same size as the modal

   scaleX = mProps.width / trigProps.width;

   scaleY = mProps.height / trigProps.height;

 

   scaleX = scaleX.toFixed(3); // round to 3 decimal places

   scaleY = scaleY.toFixed(3);

 

   // these values are used to move the button to the center of the window

   transX = Math.round(xc – trigProps.left – trigProps.width / 2);

   transY = Math.round(yc – trigProps.top – trigProps.height / 2);

 

// if the modal is aligned to the top then move the button to the center-y of the modal instead of the window

   if (m.classList.contains(‘modal–align-top’)) {

     transY = Math.round(mProps.height / 2 + mProps.top – trigProps.top – trigProps.height / 2);

   }

 

// translate button to center of screen

trig.style.transform = ‘translate(‘ + transX + ‘px, ‘ + transY + ‘px)’;

trig.style.webkitTransform = ‘translate(‘ + transX + ‘px, ‘ + transY + ‘px)’;

// expand temporary div to the same size as the modal

div.style.transform = ‘scale(‘ + scaleX + ‘,’ + scaleY + ‘)’;

div.style.webkitTransform = ‘scale(‘ + scaleX + ‘,’ + scaleY + ‘)’;

 

window.setTimeout(function() {

window.requestAnimationFrame(function() {

open(m, div);

});

}, contentDelay);

 

 };

 

 var open = function(m, div) {

 

   if (!isOpen) {

     // select the content inside the modal

     var content = m.querySelector(‘.modal__content’);

     // reveal the modal

     m.classList.add(‘modal–active’);

     // reveal the modal content

     content.classList.add(‘modal__content–active’);

 

     /**

      * when the modal content is finished transitioning, fadeout the temporary

      * expanding div so when the window resizes it isn’t visible ( it doesn’t

      * move with the window).

      */

 

     content.addEventListener(‘transitionend’, hideDiv, false);

 

     isOpen = true;

   }

 

   function hideDiv() {

     // fadeout div so that it can’t be seen when the window is resized

     div.style.opacity = ‘0’;

     content.removeEventListener(‘transitionend’, hideDiv, false);

   }

 };

 

 var close = function(event) {

 

event.preventDefault();

   event.stopImmediatePropagation();

 

   var target = event.target;

   var div = document.getElementById(‘modal__temp’);

 

   /**

    * make sure the modal__bg or modal__close was clicked, we don’t want to be able to click

    * inside the modal and have it close.

    */

 

   if (isOpen && target.classList.contains(‘modal__bg’) || target.classList.contains(‘modal__close’)) {

 

     // make the hidden div visible again and remove the transforms so it scales back to its original size

     div.style.opacity = ‘1’;

     div.removeAttribute(‘style’);

 

/**

* iterate through the modals and modal contents and triggers to remove their active classes.

     * remove the inline css from the trigger to move it back into its original position.

*/

 

for (var i = 0; i < len; i++) {

modals[i].classList.remove(‘modal–active’);

content[i].classList.remove(‘modal__content–active’);

trigger[i].style.transform = ‘none’;

       trigger[i].style.webkitTransform = ‘none’;

trigger[i].classList.remove(‘modal__trigger–active’);

}

 

     // when the temporary div is opacity:1 again, we want to remove it from the dom

div.addEventListener(‘transitionend’, removeDiv, false);

 

     isOpen = false;

 

   }

 

   function removeDiv() {

     setTimeout(function() {

       window.requestAnimationFrame(function() {

         // remove the temp div from the dom with a slight delay so the animation looks good

         div.remove();

       });

     }, contentDelay – 50);

   }

 

 };

 

 var bindActions = function() {

   for (var i = 0; i < len; i++) {

     trigger[i].addEventListener(‘click’, getId, false);

     closers[i].addEventListener(‘click’, close, false);

     modalsbg[i].addEventListener(‘click’, close, false);

   }

 };

 

 var init = function() {

   bindActions();

 };

 

 return {

   init: init

 };

 

}());

 

Modal.init();

</script>

</div>

</div>

                   <!–<<<<<<<<<<<<<All Attachment List>>>>>>>>>>>>–>

                   <script>

                       function refreshDiv(){

                           searchAccount();

                       }

                   </script>

 

                   <apex:actionFunction name=”refresh”   reRender=”OpportunityList” />

                   <div class=”slds-grid slds-wrap slds-grid–pull-padded” style=”margin-top:5px;margin-right:10px;”>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

</div>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                       </div>

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                           <h1>Attachment: </h1>

                       </div>

 

                       <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left” >

                           <table id=”OpportunityList”>

                               <thead>

                                   <th class=”attachmentTableTh”>

                                       Attachments

                                   </th>

                               </thead>

                               <tbody id=”attachmentsTable”></tbody>

                           </table>

                       <!–<apex:outputPanel id=”OpportunityList”>

                           <apex:pageblock Id=”Opportunity” title=”Attachments” >

                               <apex:pageblockTable value=”{!attachmentsList}” var=”a”>

                                   <apex:column headerValue=”Download”>

                                       <apex:outputLink value=”{!URLFOR($Action.Attachment.Download,a)}”

                                                        target=”_blank”>{!a.name}</apex:outputLink>

                                   </apex:column>

                               </apex:pageblockTable>

                           </apex:pageblock>

                           </apex:outputPanel>–>

                       </div>

                   </div>

<div class=”slds-page-header” style=”margin-top: 20px;”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Opportunity Information</h1>

</div>

</div>

</div>

</div>

<div data-ng-app=”OpportunityApp” id=”OpportunityDiv” data-ng-controller=”myOppController”>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”sellingsituationopp” id=”sellingsituationoppId”

       data-ng-model=”sellingsituationopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Urgently”>大至急</option>

<option value=”5 to 10 days”>5~10日間</option>

<option value=”ASAP”>なるべく早く</option>

<option value=”As soon as the desired conditions are met”>条件が合えばすぐに</option>

<option value=”Just curious about the sale price”>ただ値段が知りたい</option>

<option value=”Other”>その他</option>

<option value=”Undecided”>未定</option>

<option value=”No hurry”>急いでない</option>

<option value=”Distressed”>困っている</option>

<option value=”Needs money immediately”>至急換金したい</option>

<option value=”Emergency sale”>緊急セール</option>

<option value=”Inheritance”>相続</option>

<option value=”Divorce”>離婚</option>

<option value=”Death in the family”>死亡</option>

<option value=”Financial Difficulty”>財政困難</option>

<option value=”Back taxes”>滞納税</option>

<option value=”Relocating”>移転</option>

<option value=”Not needed”>不要</option>

 

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>承諾済の日時</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” data-ng-model=”Accepteddateandtimeopp”

      data-ng-change=”change3()” data-ng-init=”init3()” id=”contactDateTimeId”

      style=”margin-left: 1px;”/>

<span id=”AccepteddateandtimeoppId”></span>

<p style=”color:red;”

  data-ng-if=”(Selleragreedtosharepersonalproperopp==’Accepted’ && Accepteddateandtimeopp == undefined)”>

承諾済の日時を入力してください</p>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望価格</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”SellingDesiredPriceopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”SellingDesiredPriceoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売主は個人情報と物件情報を第三者に共有の承諾済</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<!–<input type=”checkbox” class=”slds-input” data-ng-model=”Selleragreedtosharepersonalproperopp” data-ng-change=”change3()” data-ng-init=”init3()” id=”lastNameKanaId”/>–>

 

<select class=”slds-input” name=”Selleragreedtosharepersonalproperopp”

       id=”SelleragreedtosharepersonalproperoppId”

       data-ng-model=”Selleragreedtosharepersonalproperopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-TBC-“>未確認</option>

<option value=”Accepted”>許可</option>

<option value=”Rejected”>拒否</option>

</select>

</div>

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>売却希望価格言われる時間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”Timeofthedesiredpriceclaimedopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;”

     id=”TimeofthedesiredpriceclaimedoppSpan”></span>

</div>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>Lead Source</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leadsourceopp” id=”leadsourceoppId” data-ng-model=”leadsourceopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Act On TV”>大人の趣味と生活向上◆アクトオンTV</option>

<option value=”Animal Planet”>アニマルプラネット</option>

<option value=”Asia Dramatic”>アジアドラマチックTV </option>

<option value=”Better Life ch”>ベターライフch </option>

<option value=”BS-Nittere”>BS日テレ </option>

<option value=”Cartoon Network”>カートゥーンネットワーク </option>

<option value=”Channel Ginga”>チャンネル銀河</option>

<option value=”Channel Neco”>チャンネルNECO </option>

<option value=”Chihou Keiba Nine(Local Horse Racing)”>地方競馬ナイン </option>

<option value=”CNNj”>CNNj</option>

<option value=”DATV”>DATV</option>

<option value=”Discovery Channel”>ディスカバリーチャンネル</option>

<option value=”Eisei Gekijo(Satelite Theater)”>衛星劇場</option>

<option value=”Entermeitele”>エンタメ~テレ</option>

<option value=”Family Gekijo(Family Theater)”>ファミリー劇場</option>

<option value=”Family Gekijo(ver2)”>ファミリー劇場(ver 2)</option>

<option value=”FOX”>FOX</option>

<option value=”Fox Sports & Entertainment”>FOXスポーツ&エンタテイメント </option>

<option value=”FOXClassics”>FOXClassics</option>

<option value=”FOXMovies”>FOXMovies</option>

<option value=”Gaora”>Gaora</option>

<option value=”Golf Network</”>ゴルフネットワーク</option>

<option value=”History Channel”>ヒストリーチャンネル</option>

<option value=”Home Drama Channel”>ホームドラマチャンネル(日中)</option>

<option value=”Igo Syogi Channel(Japanese Board Games)”>囲碁将棋チャンネル</option>

<option value=”IMAGICA BS”>IMAGICA BS</option>

<option value=”J:COM Chiba MC”>J:COM 千葉MC</option>

<option value=”J:COM Fukuoka”>J:COM福岡</option>

<option value=”J:COM Kansai MC”>J:COM 関西MC</option>

<option value=”J:COM Kitakyusyu MC”>J:COM北九州 MC</option>

<option value=”J:COM Tokyo MC”>J:COM 東京MC</option>

<option value=”Jsports”>Jsports</option>

<option value=”Kayo Pops”>歌謡ポップスチャンネル</option>

<option value=”KBS World”>KBS World</option>

<option value=”Kids Station”>キッズステーション</option>

<option value=”KNTV”>KNTV</option>

<option value=”LaLaTV”>LaLaTV</option>

<option value=”M-net”>M-net</option>

<option value=”MONDO TV”>MONDO TV</option>

<option value=”Movie Plus”>ムービープラス</option>

<option value=”Music Graffiti”>ミュージック・グラフィティ</option>

<option value=”National Geographic Channel”>ナショナル ジオグラフィックチャンネル</option>

<option value=”National Geographic Wild”>ナショジオ ワイルド</option>

<option value=”Other”>Other</option>

<option value=”Select Shopping”>セレクトショッピング</option>

<option value=”SKY・A”>SKY・A</option>

<option value=”Space Shower TV”>スペースシャワーTV</option>

<option value=”Space Shower TV Plus”>スペースシャワーTV+</option>

<option value=”Super!Drama TV”>スーパー!ドラマTV</option>

<option value=”Tabi Channel (Travel Channel)”>旅チャンネル</option>

<option value=”The Cinema”>ザ・シネマ</option>

<option value=”The Cinema(ver 2)”>ザ・シネマ(ver 2)</option>

<option value=”TV Asahi Channel”>テレ朝チャンネル</option>

<option value=”Web Inquiry Form”>Web問い合わせ</option>

<option value=”Website/with video version/SEM”>Website/ビデオあり/SEM</option>

<option value=”Website/with video version/SEO”>Website/ビデオあり/SEO</option>

<option value=”Website/with video version/Youtube”>Website/ビデオあり/Youtube</option>

<option value=”Website/without video version/SEM”>Website/ビデオなし/SEM</option>

<option value=”Website/without video version/SEO”>Website/ビデオなし/SEO</option>

<option value=”Website/without video version/Youtube”>Website/ビデオなし/Youtube</option>

<option value=”Yose Channel”>寄席チャンネル</option>

<option value=”Youtube in-stream”>Youtube in-stream</option>

<option value=”SumaiStar Channel”>スマイスター</option>

                                   <option value=”Churis Akasaka (BS)”>チュリス赤坂(BS)</option>

                                   <option value=”Churis Akasaka (CS)”>チュリス赤坂(CS)</option>

                                   <option value=”Churis Akasaka (Web)”>チュリス赤坂(Web)</option>

 

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>商談名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”name” data-ng-change=”change3()”

      data-ng-init=”init3()” id=”nameOppId”/>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>入電日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”datetime-local” data-ng-model=”contactDateTimeopp”

      data-ng-change=”change3()” data-ng-init=”init3()” id=”contactDateTimeId”/>

</div>

</div>

                       <div class=”slds-grid slds-wrap slds-grid–pull-padded” id=”Opp”

                            style=”margin-top:5px;margin-right:10px”>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                               <h1>売却理由</h1>

                           </div>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                               <input class=”slds-input” type=”text” data-ng-model=”ReasontoSaleOpp”

                                      data-ng-change=”change3()” data-ng-init=”init3()”/>

                               <span style=”color:Red; font-weight:bold;”

                                     id=”ReasontoSaleOppSpan”></span>

                           </div>

 

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

                           </div>

                           <div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

                           </div>

 

                       </div>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Target Property Mailing

Address

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zip1Addopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zip1AddoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>町名・番地 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”mailingStreet1opp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”mailingStreet1oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”state1Addopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”state1AddoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>建物名</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”mailingStreet2opp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”mailingStreet2oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”city1Addopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”cityAdd1oppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>部屋番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”roomNumber1opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”roomNumber1oppSpan”></span>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4  slds-text-align–right”>

<h1>マップ確認</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”MapVerificationopp” id=”MapVerificationoppId”

       data-ng-model=”MapVerificationopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Map verify OK”>マップ確認OK</option>

<option value=”Map verify NG”>マップ確認NG</option>

</select>

</div>

</div>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Property Zoning Address</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)郵便番号</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningZipopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningZipoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)所在 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningStreet1opp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStreet1oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)都道府県</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningStateopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStateoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)所在2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningStreet2opp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningStreet2oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>(地番)市区町村</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”zoningCityopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”zoningCityoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>委任状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”powerOfAttopp” id=”singleSelectId”

       data-ng-model=”powerOfAttopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>検査済証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”inspectionCertiopp” id=”inspectionCertioppopp”

       data-ng-model=”inspectionCertiopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>本人が契約可</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”isOwnerAbleSignContractOpp”

       id=”isOwnerAbleSignContractOppId” data-ng-model=”isOwnerAbleSignContractOpp”

       data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”titleDeedopp” id=”titleDeedIdopp”

       data-ng-model=”titleDeedopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>境界確認証</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”CerBounConopp” id=”CerBounConIdopp”

       data-ng-model=”CerBounConopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ローン残高</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”bankLoanBalopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”bankLoanBaloppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>他者からのオファーはある?(仲介・買取)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”OthercompaniesOfferAgencyorBuyBackopp”

         data-ng-model=”OthercompaniesOfferAgencyorBuyBackopp”

         id=”OthercompaniesOfferAgencyorBuyBackoppId” cols=”35″ wrap=”soft”

         data-ng-change=”change3()” data-ng-init=”init3()”></textarea>

<span style=”color:Red; font-weight:bold;”

     id=”OthercompaniesOfferAgencyorBuyBackSpanopp”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>物件種別</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”proType” id=”proTypeIdopp” data-ng-model=”proTypeopp”

       data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Land”>土地</option>

<option value=”House”>戸建</option>

<option value=”Building”>ビル</option>

<option value=”Condo”>マンション</option>

<option value=”Golf course”>ゴルフコース</option>

<option value=”Hotel”>ホテル</option>

<option value=”Ryokan”>旅館</option>

<option value=”Farm”>農地</option>

<option value=”Parking lot”>駐車場</option>

<option value=”Amusement Park”>遊園地</option>

<option value=”Warehouse”>倉庫</option>

<option value=”Factory”>工場</option>

<option value=”Solar / Wind farm”>ソーラー・風力施設</option>

<option value=”Retail”>お店</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>備考</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”descriptionopp” data-ng-model=”descriptionopp”

 id=”DescriptionIdopp” cols=”35″ wrap=”soft” data-ng-change=”change3()”

 data-ng-init=”init3()”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extReconSpan”></span>

</div>

</div>

 

<br/>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>トラブル</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”anyTroublesopp” data-ng-model=”anyTroublesopp”

 id=”anyTroublesIdopp” cols=”35″ wrap=”soft” data-ng-change=”change3()”

 data-ng-init=”init3()”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extReconoppSpan”></span>

</div>

</div>

<br/>

 

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Convenient to call

back(連絡希望日時)

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;margin-bottom:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>連絡希望日時</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”Convenienttocallbackopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”ConvenienttocallbackoppSpan”></span>

</div>

</div>

 

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Land/House</h1>

</div>

</div>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”landsizetsuboopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”landsizetsuboSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>築年月日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”yearBuiltopp”

      data-ng-maxlength=”4″ maxlength=”4″ data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”yearBuiltoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>延床面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”buildingsizetsuboopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”buildingsizetsuboSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間取り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”layoutopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”layoutoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>構造</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”constructionTypeopp” id=”constructionTypeIdopp”

       data-ng-model=”constructionTypeopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Reinforced Concrete”>RC(鉄筋コンクリード)</option>

<option value=”Wood Frame”>木造</option>

<option value=”Steel Frame”>鉄骨</option>

<option value=”Light Steel Frame”>軽量鉄骨造</option>

<option value=”Sound Transmission Class”>遮音グラス</option>

<option value=”Composite Steel & Reinforced Concrete”>SRC(鉄骨鉄筋コンクリード造</option>

<option value=”Wood & Reinforced Concrete”>木造&RC(鉄筋コンクリード)</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>階数</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”floorNumopp”

      data-ng-change=”change3()” data-ng-maxlength=”10″ maxlength=”10″

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”floorNumoppSpan”></span>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>向き</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”direcFaceopp” id=”direcFaceIdopp”

       data-ng-model=”direcFaceopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”West”>西</option>

<option value=”North West”> 北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>駐車場</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”text” data-ng-model=”parkSpaceopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”parkSpaceoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>竣工図・間取図</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”builComCeropp” id=”builComCerIdopp”

       data-ng-model=”builComCeropp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

 

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

 

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”propertyCertopp” id=”propertyCerIdopp”

       data-ng-model=”propertyCertopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Abandoned”>放棄</option>

<option value=”Owner occupied”>居住中</option>

<option value=”Tenanted”>賃貸中</option>

<option value=”Empty”>空室</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>最終退去日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”lastOccDateopp”

      data-ng-change=”change3()” data-ng-init=”init3()” id=”lastOccDateIdopp”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>状態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”conditionopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”conditionoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>残置物</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”UnnecessaryMatopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”UnnecessaryMatoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状年間家賃収入</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”currentAnnIncopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”currentAnnIncoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>更新予定</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”contactRenewalopp” id=”contactRenewalIdopp”

       data-ng-model=”contactRenewalopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodFromopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodFromoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>保証人</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” name=”Guarantoropp” id=”GuarantorIdopp”

      data-ng-model=”Garanteropp” data-ng-change=”change3()” data-ng-init=”init3()”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約期間終了日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”rentalPeriodToopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”rentalPeriodTooppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>契約形態</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofcontractopp” id=”typeOfContractIdopp”

       data-ng-model=”typeOfContractopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Fixed Term Lease”>定期賃貸</option>

<option value=”Regular Lease”>普通賃貸</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>賃貸借契約書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leasecontractopp” id=”leaseContractIdopp”

       data-ng-model=”leaseContractopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>管理会社</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–letf”>

<input class=”slds-input” data-ng-model=”managementComopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”managementComoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>敷金・補償金</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”depComPaymentopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”depComPaymentoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>転貸などの特別条件</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”subleaseSpecConopp” id=”subleaseSpecConIdopp”

       data-ng-model=”subleaseSpecConopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>現状用途</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”statusofuseopp” id=”statusofuseIdopp”

       data-ng-model=”statusofuseopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Residence”>住居</option>

<option value=”Parking”>駐車場</option>

<option value=”Tenant”>テナント</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>ありの場合</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”ifYesopp” data-ng-change=”change3()”

      data-ng-init=”init3()”/>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地権(あり・なし)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”leaseholdfreeopp” id=”leaseholdfreeoppId”

       data-ng-model=”leaseholdfreeopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>土地権利</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landOwnershipRightopp” id=”landOwnershipRightIdopp”

       data-ng-model=”landOwnershipRightopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Freehold”>所有権</option>

<option value=”Leasehold”>賃借権</option>

<option value=”Trust Beneficiary Right”>信託受益権</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地開始日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termFromopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”termFromoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRightsopp” id=”typeofRightsIdopp”

       data-ng-model=”typeofRightsopp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Old law”>旧法</option>

<option value=”Regular”>普通</option>

<option value=”Fixed Term”>定期</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地期間</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” data-ng-model=”termToopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red;font-weight:bold;” id=”termTooppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>権利の種類 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”typeofRights2opp” id=”typeofRights2Idopp”

       data-ng-model=”typeofRights2opp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Surface Rights”>地上権</option>

<option value=”Lease Hold”>賃借権</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>借地料</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”grandRentopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”grandRentoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>通行掘削承諾書</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”excavatDocopp” id=”excavatDocIdopp”

       data-ng-model=”excavatDocopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Yes”>はい</option>

<option value=”No”>いいえ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

 

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1 style=”padding-top:7px;”>道路付 1</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road1opp” id=”road1Idopp”

       data-ng-model=”road1opp” data-ng-change=”change3()” data-ng-init=”init3()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 3</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road3opp” id=”road3Idopp”

       data-ng-model=”road3opp” data-ng-change=”change3()” data-ng-init=”init3()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth1opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth1oppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth3opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth3oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage1opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage1oppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage3opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage3Span”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路付 2</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road2opp” id=”road2Idopp”

       data-ng-model=”road2opp” data-ng-change=”change3()” data-ng-init=”init3()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1 style=”padding-top:7px;”>道路付 4</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”road4opp” id=”road4Idopp”

       data-ng-model=”road4opp” data-ng-change=”change3()” data-ng-init=”init3()”

       multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Public”>公道</option>

<option value=”Private”>私道</option>

<option value=”West”>西</option>

<option value=”North West”>北西</option>

<option value=”North”>北</option>

<option value=”North East”>北東</option>

<option value=”East”>東</option>

<option value=”South East”>南東</option>

<option value=”South”>南</option>

<option value=”South West”>南西</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth2opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth2oppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>道路幅(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”RoadWidth4opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”RoadWidth4oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage2opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage1oppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>間口(m)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Number” data-ng-model=”frontage4opp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”frontage4oppSpan”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>接道状況</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”connRoadopp” id=”connRoadIdopp”

       data-ng-model=”connRoadopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”One Side”>一方</option>

<option value=”Two Way(Corner Lot)”>二方(角地)</option>

<option value=”Two Way(Both Side)”>二方(両面)</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>地形</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”landformopp” id=”landformIdopp”

       data-ng-model=”landformopp” data-ng-change=”change3()” data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Regular Shape Land”>整形地</option>

<option value=”Flagpole Land”>旗竿地</option>

<option value=”Irregular Shape Land”>変形地</option>

</select>

</div>

 

</div>

<div class=”slds-text-heading–medium” style=”margin-left:40px;”>Renovation History</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”Date” data-ng-model=”interExterAbWhenopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterAbWhenoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>リフォーム内容</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” data-ng-model=”interExterRemarksopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;”></span>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>水回り</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select size=”8″ class=”slds-input” name=”waterCirAreaopp” id=”waterCirAreaIdopp”

       data-ng-model=”waterCirAreaopp” data-ng-change=”change3()”

       data-ng-init=”init3()” multiple=”multiple”>

<option value=”-None-“>該当なし</option>

<option value=”Kitchen”>キッチン</option>

<option value=”Bathroom”>浴室</option>

<option value=”Washroom”>洗面所</option>

<option value=”Toilet”>トイレ</option>

<option value=”Water Heater”>給湯器</option>

<option value=”Water Supply and Drainage pipe”>給排水管</option>

<option value=”Other”>その他</option>

</select>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>内装</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<select class=”slds-input” name=”interiorExterioropp” id=”interiorExteriorIdopp”

       data-ng-model=”interiorExterioropp” data-ng-change=”change3()”

       data-ng-init=”init3()”>

<option value=”-None-“>該当なし</option>

<option value=”Wall-Ceiling(Closet,Painting etc)”>壁・天井(クロス, 塗装など)</option>

<option value=”Floor(Flooring etc)”>床(フローリングなど)</option>

<option value=”Fittings(Interior Door)”> 建具(室内ドアなど)</option>

<option value=”Roof”>ルーフ</option>

</select>

</div>

 

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増築・改築</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<textarea class=”slds-input” name=”extReconopp” data-ng-model=”extReconopp”

         id=”ext&Reconopp” cols=”35″ wrap=”soft” data-ng-change=”change3()”

         data-ng-init=”init3()”></textarea>

<span style=”color:Red; font-weight:bold;” id=”extReconoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>増改築時期</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”date” name=”EandRAboutwhenopp”

      data-ng-model=”EandRAboutwhenopp” id=”EandRAboutwhenopp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”EandRAboutwhenoppSpan”></span>

</div>

 

</div>

 

<div class=”slds-page-header”>

<div class=”slds-grid”>

<div class=”slds-col slds-has-flexi-truncate”>

<div class=”slds-media__body”>

<h1 class=”slds-text-heading–medium slds-m-right–small slds-align-middle slds-truncate”

   title=”this should match the Record Title”>Condominium</h1>

</div>

</div>

</div>

</div>

 

<div class=”slds-grid slds-wrap slds-grid–pull-padded”

    style=”margin-top:5px;margin-right:10px;”>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>専有面積(㎡)</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-input” type=”number” data-ng-model=”unitSizeinSquareMeteropp”

      data-ng-change=”change3()” data-ng-init=”init3()”/>

<span style=”color:Red; font-weight:bold;” id=”interExterAbWhenoppSpan”></span>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–right”>

<h1>築年月日</h1>

</div>

<div class=”slds-p-horizontal–small slds-size–1-of-1 slds-medium-size–1-of-4 slds-large-size–1-of-4 slds-text-align–left”>

<input class=”slds-inpu