tests/additional-unit-tests/popup/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <script src="../../../build/tizen-web-ui-fw/latest/js/jquery.js"></script>
   5         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
   6         <script src="../../../build/tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js"
   7                 data-framework-theme="tizen-white"
   8                 data-framework-viewport-scale=false>
   9         </script>
  10
  11         <link rel="stylesheet" href="../../../libs/js/jquery-mobile-1.2.0/external/qunit.css" />
  12
  13         <script src="../../../libs/js/jquery-mobile-1.2.0/external/qunit.js"></script>
  14         <script src="popup-tests.js"></script>
  15
  16         <title>Popup Window</title>
  17 </head>
  18
  19 <body>
  20
  21 <h1 id="qunit-header">Popup Window</h1>
  22 <h2 id="qunit-banner"></h2>
  23 <div id="qunit-testrunner-toolbar"></div>
  24 <h2 id="qunit-userAgent"></h2>
  25 <ol id="qunit-tests"></ol>
  26
  27 <div id="qunit-fixture">
  28
  29         <div data-role="page" id="popupwindow">
  30                 <div data-role="header" data-position="fixed">
  31                         <h1>Popup Window</h1>
  32                 </div>
  33                 <div data-role="content">
  34
  35                     <div data-role="button" id="popupbutton">Text Button</div>
  36
  37                         <div id="center_info" data-role="popup"  data-position-to='window' class="center_info" data-style='center_info' >
  38                                 <p class="ui-popup-title">title</p>
  39                                 <p  class="ui-popup-text">text</p>
  40                         </div>
  41
  42                         <div id="center_title" data-role="popup"  data-position-to='window' class="center_title">
  43                                 <p class="ui-popup-title">title</p>
  44                                 <p class="ui-popup-text">text</p>
  45                         </div>
  46
  47                         <div id="center_basic_1btn" data-role="popup"  data-position-to='window' class ="center_basic_1btn">
  48                         <p class="ui-popup-title">title</p>
  49                                 <p  class="ui-popup-text">text</p>
  50                                 <div class="ui-popup-button-bg">
  51                                         <input data-role="button" value="button" />
  52                                 </div>
  53                         </div>
  54
  55                         <div id="center_title_1btn" data-role="popup"  data-position-to='window' class="center_title_1btn">
  56                                 <p class="ui-popup-title">title</p>
  57                                 <p  class="ui-popup-text">text</p>
  58                                 <div class="ui-popup-button-bg">
  59                                         <input data-role="button" value="button" />
  60                                 </div>
  61                         </div>
  62
  63
  64                         <!-- Social Magazine font popup -->
  65                 <div id="center_social_style1" data-role="popup"  data-position-to='window' class="center_liststyle_2btn">
  66                         <p class="ui-popup-title">title</p>
  67                                 <p  class="ui-popup-text">text</p>
  68                                         <div class="ui-popup-scroller-bg" data-scroll="y"  style="height:auto">
  69                                                 <ul data-role="listview">
  70                                                         <li class="ui-li-has-radio" id="text_fontSmall">
  71                                                                 <a href="#">
  72                                                                 <input type="radio" name="radio-choice-1" id="fontSmall" value="choice-1"/>
  73                                                                 text_Small</a>
  74                                                         </li>
  75                                                         <li class="ui-li-has-radio" id="text_fontMedium">
  76                                                                 <a href="#">
  77                                                                 <input type="radio" name="radio-choice-1" id="fontMedium" value="choice-2"/>
  78                                                                 text_Medium</a>
  79                                                         </li>
  80                                                         <li class="ui-li-has-radio" id="text_fontLarge">
  81                                                                 <a href="#">
  82                                                                 <input type="radio" name="radio-choice-1" id="fontLarge" value="choice-3"/>
  83                                                                 text_Large</a>
  84                                                         </li>
  85                                                 </ul>
  86                                         </div>
  87                                         <div class="ui-popup-button-bg">
  88                                                 <div data-role="button"  data-inline="true">OK</div>
  89                                                 <div data-role="button"  data-inline="true">Cancel</div>
  90                                         </div>
  91                 </div>
  92
  93                 <!-- Social Magazine ime popup -->
  94                 <div id="center_social_style2" data-role="popup"  data-position-to='window' class="center_title_2btn">
  95                         <p class="ui-popup-title">title</p>
  96                                 <p  class="ui-popup-text">text</p>
  97                         <div class="ui-popup-text">
  98                                                 <input type="text" id="newCategoryPopupInput" name="newCategoryName" size="30" />
  99                         </div>
 100                                         <div class="ui-popup-button-bg">
 101                                                 <div data-role="button"  data-inline="true">OK</div>
 102                                                 <div data-role="button"  data-inline="true">Cancel</div>
 103                                         </div>
 104                 </div>
 105
 106
 107
 108
 109
 110                 <!-- Center basic 2 button popup -->
 111                 <div id="center_basic_2btn" data-role="popup"  data-position-to='window' class="center_basic_2btn">
 112                         <p class="ui-popup-title">title</p>
 113                                 <p  class="ui-popup-text">text</p>
 114                         <div class="ui-popup-button-bg">
 115                                 <div data-role="button"  data-inline="true">Button1</div>
 116                                 <div data-role="button"  data-inline="true">Button2</div>
 117                         </div>
 118                 </div>
 119
 120                 <!-- Center basic 3 button popup -->
 121                 <div id="center_basic_3btn" data-role="popup"  data-position-to='window' class="center_basic_3btn">
 122                         <p class="ui-popup-title">title</p>
 123                                 <p  class="ui-popup-text">text</p>
 124                         <div class="ui-popup-button-bg">
 125                                         <div data-role="button"  data-inline="true">Button1</div>
 126                                         <div data-role="button"  data-inline="true">Button2</div>
 127                                         <div data-role="button"  data-inline="true">Button3</div>
 128                         </div>
 129                 </div>
 130
 131
 132                 <!-- Center title 2 button popup -->
 133                 <div id="center_title_2btn" data-role="popup"  data-position-to='window' class="center_title_2btn">
 134                         <div class="ui-popup-title">title</div>
 135                         <div class="ui-popup-text">text</div>
 136                         <div class="ui-popup-button-bg">
 137                                 <div data-role="button"  data-inline="true">Button1</div>
 138                                 <div data-role="button"  data-inline="true">Button2</div>
 139                         </div>
 140                 </div>
 141
 142                 <!-- Center title 3 button popup -->
 143                 <div id="center_title_3btn" data-role="popup"  data-position-to='window' class="center_title_3btn">
 144                         <div class="ui-popup-title">title</div>
 145                         <div class="ui-popup-text">text</div>
 146                         <div class="ui-popup-button-bg">
 147                                 <div data-role="button"  data-inline="true">Button1</div>
 148                                 <div data-role="button"  data-inline="true">Button2</div>
 149                                 <div data-role="button"  data-inline="true">Button3</div>
 150                         </div>
 151                 </div>
 152
 153                 <!-- Center button vertical -->
 154                 <div id="center_button_vertical" data-role="popup"  data-position-to='window' class="center_button_vertical">
 155                         <p class="ui-popup-title">title</p>
 156                                 <p  class="ui-popup-text">text</p>
 157                         <div class="ui-popup-button-bg">
 158                                 <div data-role="button"  data-inline="true">Rename</div>
 159                                 <div data-role="button"  data-inline="true">Replace</div>
 160                                 <div data-role="button"  data-inline="true">Cancel</div>
 161                         </div>
 162                 </div>
 163
 164                 <!-- popup checkbox  -->
 165                 <div id="center_checkbox" data-role="popup"  data-position-to='window' class="center_checkbox">
 166                         <p class="ui-popup-title">title</p>
 167                                 <p  class="ui-popup-text">text</p>
 168                         <div class="ui-popup-check-bg">
 169                                 <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
 170                                 <label for="checkbox-1">Don't ask again</label>
 171                         </div>
 172                         <div class="ui-popup-button-bg">
 173                                 <div data-role="button"  data-inline="true">Rename</div>
 174                                 <div data-role="button"  data-inline="true">Replace</div>
 175                         </div>
 176                 </div>
 177
 178                 <!-- popup liststyle 1 button -->
 179                 <div id="center_liststyle_1btn" data-role="popup"  data-position-to='window' class="center_liststyle_1btn">
 180                         <p class="ui-popup-title">title</p>
 181                                 <p  class="ui-popup-text">text</p>
 182                         <div class="ui-popup-scroller-bg" data-scroll="y">
 183                                 <ul data-role="listview" data-icon="1line-textonly">
 184                                         <li><a href="#">List item 1</a></li>
 185                                         <li><a href="#">List item 2</a></li>
 186                                         <li><a href="#">List item 3</a></li>
 187                                         <li><a href="#">List item 4</a></li>
 188                                         <li><a href="#">List item 5</a></li>
 189                                         <li><a href="#">List item 6</a></li>
 190                                         <li><a href="#">List item 7</a></li>
 191                                         <li><a href="#">List item 8</a></li>
 192                                         <li><a href="#">List item 9</a></li>
 193                                 </ul>
 194                         </div>
 195                         <div class="ui-popup-button-bg">
 196                                 <div data-role="button"  data-inline="true">Cancel</div>
 197                         </div>
 198                 </div>
 199
 200                 <!-- popup liststyle 2 button -->
 201                 <div id="center_liststyle_2btn" data-role="popup"  data-position-to='window' class="center_liststyle_2btn">
 202                         <p class="ui-popup-title">title</p>
 203                                 <p  class="ui-popup-text">text</p>
 204                         <div class="ui-popup-scroller-bg" data-scroll="y">
 205                                 <ul data-role="listview" data-icon="1line-textonly">
 206                                         <li><a href="#">List item 1</a></li>
 207                                         <li><a href="#">List item 2</a></li>
 208                                         <li><a href="#">List item 3</a></li>
 209                                         <li><a href="#">List item 4</a></li>
 210                                         <li><a href="#">List item 5</a></li>
 211                                         <li><a href="#">List item 6</a></li>
 212                                         <li><a href="#">List item 7</a></li>
 213                                         <li><a href="#">List item 8</a></li>
 214                                         <li><a href="#">List item 9</a></li>
 215                                 </ul>
 216                         </div>
 217                         <div class="ui-popup-button-bg">
 218                                 <div data-role="button"  data-inline="true">Ok</div>
 219                                 <div data-role="button"  data-inline="true">Cancel</div>
 220                         </div>
 221                 </div>
 222
 223                 <!-- popup liststyle 3 button -->
 224                 <div id="center_liststyle_3btn" data-role="popup"  data-position-to='window' class="center_liststyle_3btn">
 225                 <p class="ui-popup-title">title</p>
 226                                 <p  class="ui-popup-text">text</p>
 227                         <div class="ui-popup-scroller-bg" data-scroll="y">
 228                                 <ul data-role="listview" data-icon="1line-textonly">
 229                                         <li><a href="#">List item 1</a></li>
 230                                         <li><a href="#">List item 2</a></li>
 231                                         <li><a href="#">List item 3</a></li>
 232                                         <li><a href="#">List item 4</a></li>
 233                                         <li><a href="#">List item 5</a></li>
 234                                         <li><a href="#">List item 6</a></li>
 235                                         <li><a href="#">List item 7</a></li>
 236                                         <li><a href="#">List item 8</a></li>
 237                                         <li><a href="#">List item 9</a></li>
 238                                 </ul>
 239                         </div>
 240                         <div class="ui-popup-button-bg">
 241                                 <div data-role="button"  data-inline="true">Rename</div>
 242                                 <div data-role="button"  data-inline="true">Replace</div>
 243                                 <div data-role="button"  data-inline="true">Cancel</div>
 244                         </div>
 245                 </div>
 246
 247                 </div>
 248         </div>
 249
 250 </div>
 251
 252 </body>
 253 </html>