You are here

Syngenta Pakistan

<div ng-app="syngentaWeather" ng-controller="homeViewCtrl" style="height: 402px;" class="ng-scope">

        <div id="loader-content" class="loading-zone" ng-style="toShowLoadingDisplay" style="display: none;">
            <div id="loading-welcome">
                <div id="loader-success">
                    <img src="img/syngenta-logo.gif">
                    <div class="spinner">
                        <div class="bounce1"></div>
                        <div class="bounce2"></div>
                        <div class="bounce3"></div>
                    </div>
                </div>
            </div>
        </div>
        <div ng-show="loaddFromURL" class="" style="">
            <div class="row">
                <div class="well bs-component titleStyle inputStyle bgcolorOrange" ng-style="styleTabBg">
                    <!--ng-class="{'bgcolorBlue':bgColorParameter === 'blue','bgcolorOrange':bgColorParameter ==='orange','bgcolorGreen':bgColorParameter =='green'}"-->
                    <form class="form-horizontal ng-pristine ng-valid">
                        <fieldset>
                            <div class="col-lg-12 form-group">
                                <div class="input-group" style="margin-top: 2px;">
                                    <input type="text" id="locationInput" ng-model="SearchCity" ng-style="styleTabInput" placeholder="Input your location" class="well form-control inputBackgroundColor inputFont ng-pristine ng-untouched ng-valid" autocomplete="off" ng-keyup="enterPress($event)">
                                    <span class="input-group-btn">
                                        <div class="btn btn-default search-btn" ng-style="styleTabSearch" data-toggle="dropDown" href="#cityLists" aria-expanded="false" aria-controls="cityLists" ng-click="getCity()">
                                            <!--<span class="ngicon-Serarchicon"></span>-->
                                            <div class="search">
                                                <img src="Images/search.svg">
                                            </div>
                                        </div>
                                    </span>
                                </div>
                            </div>
                            <div class="dropdown  container-fluid  ng-hide" ng-show="showCity">
                                <ul class="dropdown-menu listScroll" id="cityLists">
                                    <!-- ngRepeat: place in cityList -->
                                </ul>
                            </div>
                        </fieldset>
                    </form>
                </div>
                <!-- ngIf: LoadingLocationVisible -->
                <!-- ngIf: showNoData -->
            </div>
            <!--<div class="row margin-well timeMargin">-->
            <div class=" dateContainer">
                <div class="dayHeight ng-binding" style="text-transform:capitalize;">
                    Thursday &nbsp;
                </div>
                <div class="dateHeight ng-binding">
                    13.07 &nbsp;
                </div>
                <div class="iconContainer">
                    <div class="_widgetimg">
                        <img class="" src="Images/Genrts/tdc2.svg" ng-src="Images/Genrts/tdc2.svg">
                    </div>
                </div>
            </div>
            <div class="wiContainer">
                <div class="wcol">
                    <div class="iContainer">
                        <div class="icon-Precipitationicon"></div>
                    </div>
                    <div class="weatherTextContainer">
                        <span class="weathText ng-binding">0 mm</span>
                    </div>
                </div>
                <div class="wcol">
                    <div class="iContainer">
                        <div class="icon-Windicon"></div>
                    </div>
                    <div class="weatherTextContainer">
                        <span class="weathText ng-binding" style="min-width:70px;">
                            11 km/h
                            <br>
                            E
                        </span>
                    </div>
                </div>
                <div class="wcol">
                    <div class="iContainer">
                        <div class="icon-Temperatureicon"></div>
                    </div>
                    <div class="weatherTextContainer">
                        <div class="weathText ng-binding" style="color: #EB8200">
                            17°
                        </div>
                        <div class="weathText ng-binding" style="color: #66C9DE">
                            3°
                        </div>
                    </div>
                </div>
            </div>
            <!--</div>-->
        </div>
    </div>