git_sitools_idoc / flarecast / workspace / client-admin / js / quickstart / QsProject.js @ master
| 1 |
/***************************************
|
|---|---|
| 2 |
* Copyright 2010-2014 CNES - CENTRE NATIONAL d'ETUDES SPATIALES
|
| 3 |
*
|
| 4 |
* This file is part of SITools2.
|
| 5 |
*
|
| 6 |
* SITools2 is free software: you can redistribute it and/or modify
|
| 7 |
* it under the terms of the GNU General Public License as published by
|
| 8 |
* the Free Software Foundation, either version 3 of the License, or
|
| 9 |
* (at your option) any later version.
|
| 10 |
*
|
| 11 |
* SITools2 is distributed in the hope that it will be useful,
|
| 12 |
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
| 13 |
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
| 14 |
* GNU General Public License for more details.
|
| 15 |
*
|
| 16 |
* You should have received a copy of the GNU General Public License
|
| 17 |
* along with SITools2. If not, see <http://www.gnu.org/licenses/>.
|
| 18 |
***************************************/
|
| 19 |
/*global Ext, sitools, ID, i18n, document, showResponse, alertFailure*/
|
| 20 |
Ext.namespace('sitools.admin.quickstart');
|
| 21 |
|
| 22 |
Ext.define('sitools.admin.quickstart.QsProject', {
|
| 23 |
extend: 'Ext.panel.Panel', |
| 24 |
widget: 'widget.qsProject', |
| 25 |
|
| 26 |
forceLayout: true, |
| 27 |
layout: {
|
| 28 |
type: "vbox", |
| 29 |
align: 'center', |
| 30 |
pack: 'start' |
| 31 |
}, |
| 32 |
border: false, |
| 33 |
bodyCls: 'quickStart', |
| 34 |
|
| 35 |
initComponent: function () { |
| 36 |
|
| 37 |
var title = Ext.create('Ext.form.Label', { |
| 38 |
cls: 'qs-h1', |
| 39 |
html: i18n.get('label.qsProjectTitle') |
| 40 |
}); |
| 41 |
|
| 42 |
var desc = Ext.create('Ext.form.Label', { |
| 43 |
cls: 'qs-div', |
| 44 |
id: "start-desc", |
| 45 |
html: i18n.get('label.qsProjectDesc') |
| 46 |
}); |
| 47 |
|
| 48 |
var img = Ext.create('Ext.form.Label', { |
| 49 |
html: '<img id="qs-projet" class="qs-image" src="/sitools/client-admin/res/html/quickStart/screenshots/projects.png"/>', |
| 50 |
listeners: {
|
| 51 |
scope: this, |
| 52 |
afterrender: function (img) { |
| 53 |
Ext.get("qs-projet").on('load', function () { |
| 54 |
|
| 55 |
img.getEl().alignTo("start-desc", "c-c"); |
| 56 |
|
| 57 |
var imgProjet = Ext.create('Ext.form.Label', { |
| 58 |
html: '<img id="qs-projet-logo" class="bouton_action" src="/sitools/client-admin/res/html/quickStart/icons/project-logo.png"/>', |
| 59 |
tooltip: new Ext.ToolTip({ |
| 60 |
html: "Open Project" |
| 61 |
}), |
| 62 |
listeners: {
|
| 63 |
scope: this, |
| 64 |
afterrender: function (imgProjet) { |
| 65 |
Ext.get("qs-projet-logo").on('load', function () { |
| 66 |
|
| 67 |
imgProjet.getEl().on('mouseleave', function (e, t, o) { |
| 68 |
Ext.get(t).update("<img id='qs-projet-logo' class='bouton_action' src='/sitools/client-admin/res/html/quickStart/icons/project-logo.png'/>");
|
| 69 |
}); |
| 70 |
imgProjet.getEl().on('mouseenter', function (e, t, o) { |
| 71 |
Ext.get(t).update("<img id='qs-projet-logo' class='bouton_action' src='/sitools/client-admin/res/html/quickStart/icons/project-logo-hover.png'/>");
|
| 72 |
}); |
| 73 |
imgProjet.getEl().on('click', function (e, t, o) { |
| 74 |
this.qs.openFeature("projectsNodeId"); |
| 75 |
}, this);
|
| 76 |
|
| 77 |
// imgProjet.getEl().alignTo("qs-projet", "br-br", [50, 40]);
|
| 78 |
imgProjet.getEl().alignTo("qs-projet", "br-br", [50, 40]); |
| 79 |
|
| 80 |
new Ext.ToolTip({
|
| 81 |
target: 'qs-projet-logo', |
| 82 |
anchor: 'left', |
| 83 |
autoShow: true, |
| 84 |
showDelay: 0, |
| 85 |
html: "<b>Open Project</b>" |
| 86 |
}); |
| 87 |
|
| 88 |
}, this);
|
| 89 |
} |
| 90 |
} |
| 91 |
}); |
| 92 |
this.add(imgProjet);
|
| 93 |
|
| 94 |
}, this);
|
| 95 |
} |
| 96 |
} |
| 97 |
}); |
| 98 |
|
| 99 |
this.items = [title, desc, img];
|
| 100 |
this.callParent(arguments); |
| 101 |
} |
| 102 |
}); |