I'm using extjs4 and spring mvc (Java EE).
when I run project I can't see anything on browser.
I add this code on my servlet dispatcher:
<mvc:annotation-driven />
<mvc:resources mapping="/resources/**" location="/resources/" />
And when I run it this is the error shown:
28 avr. 2013 21:15:30 org.springframework.web.servlet.DispatcherServlet noHandlerFound
ATTENTION: No mapping found for HTTP request with URI [/CR/application/view/Viewport.js]
in DispatcherServlet with name 'mvc-dispatcher'
28 avr. 2013 21:15:30 org.springframework.web.servlet.DispatcherServlet noHandlerFound
ATTENTION: No mapping found for HTTP request with URI [/CR/Ext4Example/view/login/LoginForm.js]
in DispatcherServlet with name 'mvc-dispatcher'
Ext4Example is the name of my extjs application
and this is my app.js
Ext.Loader.setConfig({enabled: true});
Ext.application({
name: 'Ext4Example',
appFolder: 'application',
controllers: [
'Login'
],
autoCreateViewport: true
});
and this my index.jsp page
<!DOCTYPE html>
<html >
<head>
<!-- Ext JS Files -->
<link rel="stylesheet" href="./resources/ext-4.0/resources/css/ext-all.css"/>
<link rel="stylesheet" href="./resources//css/main.css"/>
<script src="./resources/ext-4.0/ext-all.js"></script>
<!-- App Files -->
<script type="text/javascript" src="./resources/application/app.js"></script>
<script type="text/javascript" src="./resources/application/view/Viewport.js"></script>
<script type="text/javascript" src="./resources/application/view/login/CenterPanel.js"></script>
<script type="text/javascript" src="./resources/application/view/login/create-rd.js"></script>
<script type="text/javascript" src="./resources/application/view/login/HomePage.js"></script>
<script type="text/javascript" src="./resources/application/view/login/LoginForm.js"></script>
<script type="text/javascript" src="./resources/application/view/login/WestMenu.js"></script>
<script type="text/javascript" src="./resources/application/controller/Login.js"></script>
<script type="text/javascript" src="./resources/application/model/Login.js"></script>
<script type="text/javascript" src="./resources/application/store/Login.js"></script>
</head>
<body background="./resources/images/gray.jpg">
</body>
</html>
Can any one explain the error to me?
When I click Ctrl+U and I click on the files URL I can see the code source.
And what if you use the spring tag? Something like that :
<spring:url value="/resources/application/view/Viewport.js" var="some_url"/>
<script type="text/javascript" src="${some_url}"></script>
Related
I am using latest bits of Blazor WebAssembly Hosted Project.
I found a strange behaviour in that when i pass a non-exisitng route to api, the return status is 200 success becuase it return default html blazore page(index.html).
HttpResponseMessage response = await _Http.GetAsync($"api/Account/OTPVerification?userName={loggidInUser.Email}&OTP={_OTP}");
if (response.IsSuccessStatusCode)
{
}
The actual response returned is, which turns out to be(index.html) 200, success, whereas it is no where what i expect
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>BlazorWebAssembly</title>
<base href="/" />
<script src="https://kit.fontawesome.com/xxxxxxxxxxf.js" crossorigin="anonymous"></script>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<link href="manifest.json" rel="manifest" />
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
<link href="_content/Blazored.Modal/blazored-modal.css" rel="stylesheet" />
<link href="_content/Blazored.Toast/blazored-toast.min.css" rel="stylesheet" />
</head>
<body>
<app>Loading...</app>
<div id="blazor-error-ui">
An unhandled error has occurred.
Reload
<a class="dismiss">🗙</a>
</div>
<script src="_framework/blazor.webassembly.js"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>
</body>
</html>
In your Startup.cs you can try removing:
endpoints.MapFallbackToFile("index.html");
So in your ApiController, if it's not in the route, it will return a 404 instead of index.
My custom CSS isn't being loaded when I launch the POS app, but it's loaded into web.assets_backend.1.css in the dashboard. My custom Javascript is being loaded correctly. Is this the correct way to load the CSS? Thanks for your help.
<?xml version="1.0" encoding="UTF-8"?>
<odoo>
<data>
<template id="assets_backend" inherit_id="web.assets_backend" name="donation_assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/donation/static/src/css/donation.css" />
<script type="text/javascript" src="/donation/static/src/js/donation.js"></script>
<script type="text/javascript" src="/donation/static/src/js/jquery.sglide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/sGlide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/donation_frontend.js"></script>
</xpath>
</template>
</data>
</odoo>
My Javascript and CSS are now being added to the point_of_sale.assets files. It turns out that my QWeb template file in static/src/xml/ had errors which caused some of the Odoo app files to not be found. It might also be the reason why Odoo didn't update web.assets_backend.js and the point_of_sale.assets js and css files.
Here's my updated XML assets file:
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets" inherit_id="point_of_sale.assets" name="donation assets">
<xpath expr="." position="inside">
<script type="text/javascript" src="/donation/static/lib/jquery.sglide.js"></script>
<script type="text/javascript" src="/donation/static/lib/sGlide.js"></script>
<script type="text/javascript" src="/donation/static/src/js/donation.js"></script>
</xpath>
<xpath expr="//link[#id='pos-stylesheet']" position="after">
<link rel="stylesheet" href="/donation/static/src/css/donation.css" />
</xpath>
</template>
</odoo>
Not sure, but did you add the point_of_sale module in the dependencies of your donation module?
If not add "depends" : ["point_of_sale"], to the dict in your _openerp_.py. Add more dependencies if needed.
Now the point_of_sale module and it's assets gets loaded first.
Edit: Try inherit_id="point_of_sale.assets" instead of inherit_id="web.assets_backend". That could do it for you.
You need to update the path of css file in three places.
1.inherit_id="web.assets_backend"
2.inherit_id="web.assets_frontend"
3.inherit_id="point_of_sale.assets"
In the templates which inherites the above templates.
The code is shown below.
<template id="assets_backend" name="sub_menu assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
</xpath>
</template>
<template id="assets_frontend" name="sub_menu assets front" inherit_id="web.assets_frontend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
</xpath>
</template>
<data>
<template id="assets" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
<script type="text/javascript" src="/pos_update/static/src/js/cancel.js"></script>
</xpath>
</template>
</data>
You also need to ensure that if you want to modify an existing template then the stylesheet name must not be changed.
If you want to create a stylesheet for your template the you only need to set the path of stylesheet in only one place, ie in the main template file in which you are setting the path of js file.
<template id="assets" inherit_id="point_of_sale.assets">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/pos_update/static/src/css/mypos.css"/>
<script type="text/javascript" src="/pos_update/static/src/js/cancel.js"></script>
</xpath>
</template>
I try to build an odoo module with a recent fullcalendar version.
My module works as design with this import:
<?xml version="1.0" encoding="utf-8"?>
<!-- vim:fdn=3:
-->
<openerp>
<data>
<template id="schedule_tpl" name="web_schedule assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/web_schedule/static/src/css/web_fullcalendar.css"/>
<link rel="stylesheet" href="/web_schedule/static/lib/fullcalendar/css/fullcalendar.min.css"/>
<link rel="stylesheet" href="/web_schedule/static/src/css/scheduler.min.css"/>
<script type="text/javascript" src="/web_schedule/static/src/js/moment.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/lib/fullcalendar/js/fullcalendar.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/src/js/scheduler.min.js"></script>
<script type="text/javascript" src="/web_schedule/static/lib/fullcalendar/js/fr.js"></script>
<script type="text/javascript" src="/web_schedule/static/src/js/web_schedule.js"></script>
</xpath>
</template>
</data>
</openerp>
Problem, the calendar avalaible in messaging does not work anymore, I have issues with date format and so on. If i uninstall my custom module, this calendar works fine.
So, how i can import fullcalendar files to be used only in my module ?
thanks
I have added following configurations, but it wont apply the css and js. Is there anythy i need to add other than these
Config.xml
<mvc:resources mapping="/resources/**" location="/resources/" />
jspfile
<%# taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<spring:url value="/resources/css/metro.css" var="metro" />
<spring:url value="/resources/css/metro-schemes.css" var="metroschemes" />
<spring:url value="/resources/css/metro-icons.css" var="metroicons" />
<link href="${metro}" rel="stylesheet">
<link href="${metroschemes}" rel="stylesheet">
<link href="${metroicons}" rel="stylesheet">
<script src="${jquery}"></script>
I am writing a webpage with CI.I use the latest version. I need to learn how to imply CSS and Javascript files. I use nivoslider , jquery and many css files. I use application directory as
+application
+views
+pages
-home.php
+templates
-header.php
-footer.php
+system
+user_guide.
Can you explain how to enable js and Css files. I made a research but my mind is blown away with the versions of codeigniter.
this is my header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN
""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kırmızı Eğitim Merkezi</title>
<meta name="description" content="Empire - XHTML Template" />
<!-- CSS -->
<link href='./fonts/sansation.css' rel="stylesheet" type="text/css" />
<!-- Get any font from here easily: http://www.google.com/webfonts -->
<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet"
type="text/css" />
<link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" />
<!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
<!--[if lt IE 8]><link href="css/stop_ie.css" rel="stylesheet"
type="text/css" /><![endif]--><!-- JAVASCRIPTS -->
<script type="text/javascript" src="./js/jquery.min.js">
</script><script type="text/javascript"
src="./js/jquery-ui-1.8.17.custom.min.js">
</script><script type="text/javascript"
src="./fancybox/jquery.fancybox-1.3.4.pack.js">
</script><script type="text/javascript" src="./js/jquery.nivo.slider.js">
</script><script type="text/javascript" src="./js/jquery.bgslider.js">
</script><script type="text/javascript" src="./js/preloader.js">
</script><script type="text/javascript" src="./js/farbtastic.js">
</script><script type="text/javascript" src="./js/basic.js">
</script>
Can you advice me a way to use them ?
First, you need to place JS and CSS files somewhere like:
+ assets
+ js
+ css
Then you need to call them:
<link href='<?php echo base_url(); ?>assets/css/cssfile.css' rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.min.js">