source: trunk/grails-app/views/importer/index_simple.gsp @ 1172

Last change on this file since 1172 was 1172, checked in by t.w.abma@…, 11 years ago
  • minor refresh fix
  • Property svn:keywords set to Author Date Rev
File size: 5.0 KB
Line 
1<!--
2  To change this template, choose Tools | Templates
3  and open the template in the editor.
4-->
5
6<%@ page contentType="text/html;charset=UTF-8" %>
7
8<html>
9  <head>
10    <meta name="layout" content="main"/>
11    <title>Importer wizard (simple)</title>   
12    <link rel="stylesheet" href="${resource(dir: 'css', file: 'importer.css')}"/>
13
14<g:if env="production">
15  <script type="text/javascript" src="${resource(dir: 'js', file: 'SelectAddMore.min.js')}"></script>
16</g:if><g:else>
17  <script type="text/javascript" src="${resource(dir: 'js', file: 'SelectAddMore.js')}"></script>
18</g:else>
19
20<g:javascript>
21/**
22 * Update one select based on another select
23 *
24 * @author
25 * @see     http://www.grails.org/Tag+-+remoteFunction
26 * @param   string  select (form) name
27 * @param   string  JSON data
28 * @param   boolean keep the first option
29 * @param   int     selected option
30 * @param   string  if null, show this as option instead
31 * @void
32 */
33function updateSelect(name,data,keepFirstOption,selected,presentNullAsThis) {   
34    var rselect = $('#'+name).get(0)
35    var items = data
36
37    // If a study has been selected, don't show the "Choose study" field, otherwise do   
38    if ($('#'+'entity :selected').text() == 'Study')
39      $('#studyfield').hide();
40    else $('#studyfield').show();
41
42    // set the entity name for the data template chooser
43    //if ($('#'+'entity').val() == 'event')
44
45    //$('select[name=template_id]').attr('entity', $('#'+'entity').val());
46    $('select[name=template_id]').attr('entity', $('#'+'entity').val());
47
48    if (items) {
49
50        // remove old options
51        var start = (keepFirstOption) ? 0 : -1;
52        var i = rselect.length
53
54        while (i > start) {
55            rselect.remove(i)
56            i--
57        }
58
59        // add new options
60        $.each(items,function() {
61            var i = rselect.options.length
62
63            rselect.options[i] = new Option(
64                (presentNullAsThis && this.name == null) ? presentNullAsThis : this.name,
65                this.id
66            );
67            if (this.id == selected) rselect.options[i].selected = true
68        });
69    }
70
71 // handle template selects
72  new SelectAddMore().init({
73       rel     : 'typetemplate',
74       url     : '/gscf/templateEditor',
75       vars    : 'entity', // can be a comma separated list of variable names to pass on
76       label   : 'add / modify ...',
77       style   : 'modify',
78       onClose : function(scope) {
79           location.reload();
80       }
81    });
82}
83
84$(document).ready(function() {
85   
86    $('#simplewizardform').submit(function() {
87        if ($('#file').val() == "") {
88            alert ("Please choose your Excel file to import.");
89            return false
90        } else
91        if ($('#entity').val() == "") {
92            $('#datatemplate').addClass("validationfail");
93            return false
94        } else
95            $('#simplewizardform').submit();
96
97        return false;
98    });
99});
100
101</g:javascript>
102
103<g:if env="production">
104<script type="text/javascript" src="${resource(dir: 'js', file: 'SelectAddMore.min.js')}"></script>
105</g:if><g:else>
106<script type="text/javascript" src="${resource(dir: 'js', file: 'SelectAddMore.js')}"></script>
107</g:else>
108     
109</head>
110  <body>
111    <h1>Importer wizard</h1>
112    <p>You can import your Excel data to the server by choosing a file from your local harddisk in the form below.</p>
113        <form id="simplewizardform" controller="importer" method="post" action="upload_simple" enctype="multipart/form-data">
114        <table border="0">
115        <tr>
116            <td width="100px">
117                Choose your Excel file to import:
118            </td>
119            <td width="100px">
120                <input id="file" type="file" name="importfile"/>
121            </td>
122        </tr>
123        <tr>
124            <td width="100px">
125                Use data from sheet:
126            </td>
127            <td width="100px">
128                <g:select name="sheetindex" from="${1..25}"/>
129            </td>
130        </tr>
131        <tr>
132            <td width="100px">
133                Columnheader starts at row:
134            </td>
135            <td width="100px">
136                <g:select name="headerrow" from="${1..10}"/>
137            </td>
138        </tr>
139        <tr>
140            <td width="100px">
141                Data starts at row:
142            </td>
143            <td width="100px">
144                <g:select name="datamatrix_start" from="${2..10}"/>
145            </td>
146        </tr>
147        <tr id="studyfield">
148            <td>
149                Choose your study:
150            </td>
151            <td>
152                <g:select name="study.id" from="${studies}" optionKey="id"/>
153            </td>
154        </tr>
155        <tr>
156            <td>
157                Choose type of data:
158            </td>
159            <td>
160                <g:select               
161                name="entity"
162                id="entity"
163                from="${entities}"             
164                optionValue="${{it.value.name}}"
165                optionKey="${{it.value.encrypted}}"
166                noSelection="['':'-Choose type of data-']"
167                onChange="${remoteFunction( controller: 'importer',
168                                            action:'ajaxGetTemplatesByEntity',
169                                            params: '\'entity=\'+escape(this.value)',
170                                            onSuccess:'updateSelect(\'template_id\',data,false,false,\'default\')')}" />
171            </td>
172        </tr>
173        <tr>
174            <td>
175                <div id="datatemplate">Choose type of data template:</div>
176            </td>
177            <td>
178                <g:select rel="typetemplate" entity="none" name="template_id" optionKey="id" optionValue="name" from="[]" />
179            </td>
180        </tr>
181        <tr>
182            <td colspan="2">
183                <input type="submit" value="Next"/>
184            </td>
185        </tr>
186        </table>
187        </form>
188
189  </body>
190</html>
Note: See TracBrowser for help on using the repository browser.