Revision ce758ce2

View differences:

src/sunstone/public/app/utils/nics-section.js
134 134

  
135 135
    if (options.nic) {
136 136
      nic_span = '<span class="selected_network" template_nic=\'' + JSON.stringify(options.nic) + '\'>' +
137
          '<span style="color: #999; font-size: 14px">' + Locale.tr("INTERFACE") + "</span>&emsp;&emsp;" +
138
          '<span style="color: #777;">' + (options.nic.NETWORK || options.nic.NETWORK_ID) + "</span>" +
137
          '<span>' + Locale.tr("INTERFACE") + "</span>" +
138
          '<span>' + (options.nic.NETWORK || options.nic.NETWORK_ID) + "</span>" +
139 139
        '</span>' +
140
        '<span class="has-tip right provision_remove_nic" style="cursor: pointer;">' +
140
        '<span class="has-tip right provision_remove_nic">' +
141 141
          '<i class="fa fa-times"/>' +
142 142
        '</span>' +
143
        '<span class="has-tip right" style="cursor: pointer; margin-right:10px">' +
143
        '<span class="has-tip right">' +
144 144
          '<i class="fa fa-pencil"/>' +
145 145
        '</span>';
146 146
    } else if (options.vnet_attr) {
147
      nic_span = '<span style="color: #777; font-size: 16px">' + options.vnet_attr.description + "</span><br>" +
148
        '<span class="selected_network only-not-active" attr_name=\'' + options.vnet_attr.name + '\' style="color: #777;">' +
149
          '<span style="color: #999; font-size: 14px">' + Locale.tr("INTERFACE") + "</span>&emsp;&emsp;" +
147
      nic_span = '<span>' + options.vnet_attr.description + "</span><br>" +
148
        '<span class="selected_network only-not-active" attr_name=\'' + options.vnet_attr.name + '\'>' +
149
          '<span>' + Locale.tr("INTERFACE") + "</span>" +
150 150
          '<span class="button radius small">' + Locale.tr("Select a Network") + "</span>" +
151 151
        '</span>' +
152
        '<span class="only-active" style="color:#555">' +
152
        '<span class="only-active">' +
153 153
          Locale.tr("Select a Network for this interface") +
154 154
        '</span>' +
155
        '<span class="has-tip right only-not-active" style="cursor: pointer; margin-right:10px">' +
155
        '<span class="has-tip right only-not-active">' +
156 156
          '<i class="fa fa-pencil"/>' +
157 157
        '</span>';
158 158
    } else {
159 159
      nic_span =
160
        '<span class="selected_network only-not-active" style="color: #777;">' +
161
          '<span style="color: #999; font-size: 14px">' + Locale.tr("INTERFACE") + "</span>&emsp;&emsp;" +
160
        '<span class="selected_network only-not-active">' +
161
          '<span>' + Locale.tr("INTERFACE") + "</span>" +
162 162
          '<span class="button radius small">' + Locale.tr("Select a Network") + "</span>" +
163 163
        '</span>' +
164
        '<span class="only-active" style="color:#555">' +
164
        '<span class="only-active">' +
165 165
          Locale.tr("Select a Network for this interface") +
166 166
        '</span>' +
167
        '<span class="has-tip right provision_remove_nic" style="cursor: pointer;">' +
167
        '<span class="has-tip right provision_remove_nic">' +
168 168
          '<i class="fa fa-times"/>' +
169 169
        '</span>' +
170
        '<span class="has-tip right only-not-active" style="cursor: pointer; margin-right:10px">' +
170
        '<span class="has-tip right only-not-active">' +
171 171
          '<i class="fa fa-pencil"/>' +
172 172
        '</span>';
173 173
    }
......
222 222
        // create a thumbs container if it doesn't exist. put it in the dataTables_scrollbody div
223 223
        if (this.$('tr', {"filter": "applied"}).length == 0) {
224 224
          this.html('<div class="text-center">' +
225
            '<span class="fa-stack fa-5x" style="color: #dfdfdf">' +
225
            '<span class="fa-stack fa-5x">' +
226 226
              '<i class="fa fa-cloud fa-stack-2x"></i>' +
227 227
              '<i class="fa fa-info-circle fa-stack-1x fa-inverse"></i>' +
228 228
            '</span>' +
229 229
            '<br>' +
230 230
            '<br>' +
231
            '<span style="font-size: 18px; color: #999">' +
231
            '<span>' +
232 232
              Locale.tr("There are no networks available. Please contact your cloud administrator") +
233 233
            '</span>' +
234 234
            '</div>');
......
249 249
                data.NAME +
250 250
              '</li>' +
251 251
              '<li class="provision-bullet-item">' +
252
                '<i class="fa fa-fw fa-globe" style="font-size:40px;"/>' +
252
                '<i class="fa fa-fw fa-globe"/>' +
253 253
              '</li>' +
254 254
              '<li class="provision-description">' +
255 255
                (data.TEMPLATE.DESCRIPTION || '...') +
......
267 267

  
268 268
    dd_context.on("click", ".provision-pricing-table.more-than-one" , function() {
269 269
      var html = 
270
        '<span style="color: #999; font-size: 14px">' + Locale.tr("INTERFACE") + "</span>&emsp;&emsp;" +
271
        '<span style="color: #777;">' + $(this).attr("opennebula_name") + "</span>";
270
        '<span>' + Locale.tr("INTERFACE") + "</span>" +
271
        '<span>' + $(this).attr("opennebula_name") + "</span>";
272 272

  
273 273
      if (options.floatingIP){
274 274
        html +=
275 275
          '<div class="row noclick">' +
276 276
            '<div class="small-12 columns">' +
277
              '<label class="inline" style="color: #777; font-size: 16px">' +
277
              '<label class="inline">' +
278 278
                '<input type="checkbox" class="floating_ip" />' +
279 279
                Locale.tr("Floating IP") + " " +
280 280
                '<span class="tip">' +
......
289 289
        html +=
290 290
          '<div class="row noclick">' +
291 291
            '<div class="small-5 columns">' +
292
              '<label class="right inline" style="color: #777; font-size: 16px">' +
292
              '<label class="right inline">' +
293 293
                Locale.tr("Force IPv4:") + " " +
294 294
                '<span class="tip">' +
295 295
                  Locale.tr("Optionally, you can force the IP assigned to the network interface.") +
......
305 305
      if (options.management){
306 306
        html +=
307 307
          '<div class="noclick">' +
308
            '<label style="color: #777; font-size: 16px">' +
308
            '<label>' +
309 309
              '<input type="checkbox" class="management" />' +
310 310
              Locale.tr("Management Interface") + " " +
311 311
              '<span class="tip">' +
......
396 396

  
397 397
  function update_provision_networks_datatable(datatable) {
398 398
    datatable.html('<div class="text-center">' +
399
      '<span class="fa-stack fa-5x" style="color: #dfdfdf">' +
399
      '<span class="fa-stack fa-5x">' +
400 400
        '<i class="fa fa-cloud fa-stack-2x"></i>' +
401 401
        '<i class="fa  fa-spinner fa-spin fa-stack-1x fa-inverse"></i>' +
402 402
      '</span>' +
403 403
      '<br>' +
404 404
      '<br>' +
405
      '<span style="font-size: 18px; color: #999">' +
405
      '<span>' +
406 406
      '</span>' +
407 407
      '</div>');
408 408

  
......
412 412
        datatable.fnClearTable(true);
413 413
        if (item_list.length == 0) {
414 414
          datatable.html('<div class="text-center">' +
415
            '<span class="fa-stack fa-5x" style="color: #dfdfdf">' +
415
            '<span class="fa-stack fa-5x">' +
416 416
              '<i class="fa fa-cloud fa-stack-2x"></i>' +
417 417
              '<i class="fa fa-info-circle fa-stack-1x fa-inverse"></i>' +
418 418
            '</span>' +
419 419
            '<br>' +
420 420
            '<br>' +
421
            '<span style="font-size: 18px; color: #999">' +
421
            '<span>' +
422 422
              Locale.tr("There are no networks available.") +
423 423
            '</span>' +
424 424
            '</div>');

Also available in: Unified diff