Project

General

Profile

1
<div class="uk-grid uk-grid-stack">
2
  <div class="uk-width-expand@m uk-first-column">
3
    <div class="gwt-HTML uk-margin-medium-bottom">
4
      <h1 class="uk-article-title">Update your datasource</h1>
5
    </div>
6
    <div class="">
7
      <div>
8
        <ul class="uk-margin el-nav uk-tab" uk-switcher="connect: .uk-switcher">
9
          <li routerLinkActive="uk-active">
10
            <a href="#">Update Information</a>
11
          </li>
12
          <li routerLinkActive="uk-active">
13
            <a href="#">Update Interfaces</a>
14
          </li>
15
        </ul>
16
        <ul  class="uk-switcher">
17
          <li class="el-item">
18
            <div>
19
              <form>
20
                <div>
21
                  <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy-class="">
22
                    Basic information
23
                  </h4>
24
                </div>
25
                <div class="alert alert-warning">
26
                  The following fields are completed by OpenDOAR.<br>
27
                  If you want to edit them, you can do it by using this
28
                  <a href="http://www.opendoar.org/suggest.php?rID=2893" target="_blank">OpenDOAR link</a>
29
                </div>
30
                <div class="form-group">
31
                  <label class="control-label">Software Platform (*)</label>
32
                  <select class="form-control" disabled="">
33
                    <option value="">[some platform choices]</option>
34
                  </select>
35
                </div>
36
                <div class="form-group">
37
                  <input class="form-control" style="" type="text" disabled="" value="Platform name">
38
                </div>
39
                <div class="form-group">
40
                  <label class="control-label">Official Name (*)</label>
41
                  <input class="form-control" style="" type="text" disabled="" value="repository name">
42
                </div>
43
                <div class="form-group">
44
                  <label class="control-label">Description (*)</label>
45
                  <textarea class="form-control" style="" type="text" disabled="">Description of the repository
46
                  </textarea>
47
                </div>
48
                <div class="form-group">
49
                  <label class="control-label">Country (*)</label>
50
                  <select class="form-control" disabled="">
51
                    <option value="">[country choices]</option>
52
                  </select>
53
                </div>
54
                <div class="form-group">
55
                  <label class="control-label">Longtitude (*)</label>
56
                  <input class="form-control" style="" type="text" disabled="" value="[longtitude value]">
57
                </div>
58
                <div class="form-group">
59
                  <label class="control-label">Latitude (*)</label>
60
                  <input class="form-control" style="" type="text" disabled="" value="[latitude value]">
61
                </div>
62
                <div class="form-group">
63
                  <label class="control-label">Entry URL (*)</label>
64
                  <input class="form-control" style="" type="text" disabled="" value="[repo url]">
65
                </div>
66
                <div class="form-group">
67
                  <label class="control-label">Institution (*)</label>
68
                  <input class="form-control" style="" type="text" disabled="" value="[repo institution]">
69
                </div>
70
                <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
71
                    uk-scrollspy-class="">Extra Information</h4>
72
                <div class="form-group">
73
                  <label class="control-label">English Name (*)</label>
74
                  <input class="form-control" style="" type="text" value="[add repo english name]">
75
                </div>
76
                <div class="form-group">
77
                  <label class="control-label">Logo URL</label>
78
                  <input class="form-control" style="" type="text">
79
                  <div class="gwt-Label comment fontItalic">
80
                    Please make sure that the maximum size of the uploaded image is width=360px, height=240px
81
                  </div>
82
                </div>
83
                <div class="form-group">
84
                  <label class="control-label">Timezone (*)</label>
85
                  <select class="form-control" disabled="">
86
                    <option value="">[timezone choices]</option>
87
                  </select>
88
                </div>
89
                <div class="form-group">
90
                  <label class="control-label">Datasource Type (*)</label>
91
                  <select class="form-control" disabled="">
92
                    <option value="">[datasource choices]</option>
93
                  </select>
94
                </div>
95
                <h4 class="uk-h4 uk-text-primary uk-scrollspy-inview uk-animation-slide-top-medium"
96
                    uk-scrollspy-class="">Administrator & contact information</h4>
97
                <div class="form-group">
98
                  <label class="control-label">Admin Email (*)</label>
99
                  <input class="form-control" style="" type="text" value="[add admin email]">
100
                </div>
101
                <div class="form-group">
102
                  <button class="btn btn-primary updateRepoInfoButton" type="button">Update Information</button>
103
                </div>
104
              </form>
105
            </div>
106
          </li>
107
          <li class="el-item">
108
            <div class="uk-grid">
109
              <div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-width-1-2@m">
110
                <div>
111
                  <div>
112
                    <h5>OpenDOAR Interface (non-removable)</h5>
113
                  </div>
114
                  <div class="interfaceActionsPanel">
115
                    <a><i class="fa fa-save fa-lg" style=""></i></a>
116
                  </div>
117
                </div>
118
                <div>
119
                  <update-datasource-interface-form></update-datasource-interface-form>
120
                  <!-- SPACE FOR FORM GROUP -->
121
                </div>
122
              </div>
123
              <div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-width-1-2@m">
124
                <div class="interface-box new" style="text-align: center">
125
                  <a (click)="showInterfaceFormToggle()"><i class="fa fa-plus-square-o"></i></a>
126
                  <span class="info">Add new Interface</span>
127
                </div>
128
              </div>
129
            </div>
130
          </li>
131
        </ul>
132
      </div>
133
    </div>
134
  </div>
135
  <div class="tm-sidebar uk-width-1-4@m">
136
    <div>
137
      <div class="uk-card uk-card-body uk-card-default sidemenu">
138
        <h3 class="el-title uk-h3 uk-heading-bullet">Info / Help</h3>
139
        <p class="small">
140
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
141
        </p>
142
      </div>
143
    </div>
144
  </div>
145
</div>
(3-3/12)