← Back to branch summary

~pwlars/+junk/maas-ss-core

« back to all changes in this revision

Viewing changes to src/maasserver/static/partials/boot-images.html

  • Committer: MAAS Lander
  • Author(s): Richard McCartney
  • Date: 2017-03-27 11:06:17 UTC
  • mfrom: (5819.10.8 fuj-html-improvements)
  • Revision ID: maas_lander-20170327110617-ol0ppfzvjishi805
[r=allenap][bug=][author=ricgard] Improving the tabbing order and markup for the FUJ.

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/maasserver/static/partials/boot-images.html
12
12
                <div data-ng-if="isSuperUser() && !source.tooMany">
13
13
                    <h3>Choose source</h3>
14
14
                    <div class="form__group">
15
 
                        <input type="radio" ng-model="source.source_type" id="source_maas" value="maas.io"
 
15
                        <input type="radio" data-ng-model="source.source_type" id="source_maas" value="maas.io"
16
16
                            data-ng-change="sourceChanged()" data-ng-disabled="saving">
17
17
                        <label for="source_maas" class="u-margin--right">maas.io</label>
18
 
                        <input type="radio" ng-model="source.source_type" id="source_custom" value="custom"
 
18
                        <input type="radio" data-ng-model="source.source_type" id="source_custom" value="custom"
19
19
                            data-ng-change="sourceChanged()" data-ng-disabled="saving">
20
20
                        <label for="source_custom">Custom</label>
21
21
                    </div>
23
23
                        <h3>Mirror URL</h3>
24
24
                        <p>Add the URL you want to use to select your images from.</p>
25
25
                        <div class="u-width--half u-display--inline-block u-float--left">
26
 
                            <div class="form__group">
 
26
                            <div class="form__group eight-col">
27
27
                                <input type="text" name="mirrorUrl" placeholder="e.g. http:// or https://"
28
28
                                    data-ng-model="source.url" data-ng-change="sourceChanged()">
29
29
                            </div>
 
30
                            <div class="u-display--inline-block u-float--left">
 
31
                                <button class="button--base button--inline" aria-label="Toggle advanced URL controls" data-ng-click="toggleAdvancedOptions()" >
 
32
                                    <i class="icon" data-ng-class="{ 'icon--close': !isShowingAdvancedOptions(), 'icon--open': isShowingAdvancedOptions() }"></i>
 
33
                                    <span data-ng-if="!isShowingAdvancedOptions()">Show advanced options</span>
 
34
                                    <span data-ng-if="isShowingAdvancedOptions()">Hide advanced options</span>
 
35
                                </button>
 
36
                            </div>
30
37
                            <div data-ng-if="isShowingAdvancedOptions()">
31
38
                                <div class="form__group">
32
39
                                    <label for="keyring_filename" class="form__group--label">Path to the keyring to validate the mirror path.</label>
49
56
                            </div>
50
57
                        </div>
51
58
                        <div class="u-width--half u-display--inline-block u-float--left">
52
 
                            <div class="u-display--inline-block u-float--left u-margin--top-tiny u-margin--left">
53
 
                                <i class="icon" data-ng-class="{ 'icon--close': !isShowingAdvancedOptions(), 'icon--open': isShowingAdvancedOptions() }"></i>
54
 
                                <a data-ng-click="toggleAdvancedOptions()" data-ng-if="!isShowingAdvancedOptions()">Show advanced options</a>
55
 
                                <a data-ng-click="toggleAdvancedOptions()" data-ng-if="isShowingAdvancedOptions()">Hide advanced options</a>
56
 
                            </div>
57
59
                            <button class="button--secondary button--inline u-float--right"
58
60
                                data-ng-if="showConnectButton()"
59
61
                                data-ng-disabled="isConnectButtonDisabled()"
160
162
                </section>
161
163
                <div class="twelve-col" data-ng-if="!source.tooMany">
162
164
                    <div class="u-align--right">
163
 
                        <a class="button--base button--inline"
 
165
                        <button class="button--base button--inline"
164
166
                            data-ng-if="showStopImportButton()"
165
167
                            data-ng-disabled="!canStopImport()"
166
 
                            data-ng-click="stopImport()">{$ getStopImportText() $}</a>
167
 
                        <button class="button--positive button--inline"
 
168
                            data-ng-click="stopImport()">{$ getStopImportText() $}</button>
 
169
                        <button type="submit" class="button--positive button--inline"
168
170
                            data-ng-if="isSuperUser() && showSaveSelection()"
169
171
                            data-ng-disabled="!canSaveSelection()"
170
172
                            data-ng-click="saveSelection()">{$ getSaveSelectionText() $}</button>