p.clip {
white-space: nowrap; /* Запрещаем перенос строк */
overflow: hidden; /* Обрезаем все, что не помещается в область */
background: #fc0; /* Цвет фона */
padding: 5px; /* Поля вокруг текста */
text-overflow: ellipsis; /* Добавляем многоточие */
}
<p class="clip">Магнитное поле ничтожно гасит большой круг небесной сферы,
в таком случае эксцентриситеты и наклоны орбит возрастают.</p>
var app = angular.module('myApp', []);
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
$routeProvider
.when('/', {
templateUrl:'template/home.html',
controller:'UsersCtrl'
})
.when('/edit/:userId', {
templateUrl:'template/edit.html',
controller:'EditCtrl'
})
.otherwise({
redirectTo: '/'
});
}]);
// Создаем фабрику для работы с ресурсом пользователей
app.factory('UserResource', function ($resource){
// Возвращаем ресурс, ссылка на документацию выше
return $resource(
'/test/users/:action', // роут для работы
{id: '@id'}, // поле идентификатор
{
update: { // переопределим метод update
method: 'PUT', // тип запроса
params: {action: 'edit'} // параметр action в роуте
},
}
);
});
// Контроллер списка пользователей
app.controller('UsersCtrl', function ($scope, UserResource) {
// запрос на список пользователей
$scope.users = UserResource.query();
});
// Контроллер редактирования пользователя
app.controller('EditCtrl', function ($scope, UserResource, $routeParams) {
// Загружаем текущего пользователя по ид из роута
$scope.user = UserResource.get({id: $routeParams.userId});
// Функция сохранения пользователя, form - объект формы
$scope.saveUser = function(form){
// Вызываем переопределенный метод update
UserResource.update($scope.user)
.$promise
// Ловим ошибки
.catch(function(err){
console.error(err);
});
};
});
<ul>
<li ng-repeat="user in users"><a href="/edit/{{user.id}}">{{user.name}}</a></li>
</ul>
<form class="form" name="form" ng-submit="saveUser(form)" novalidate>
<input type="text" ng-model="user.name">
<button class="btn btn-default" type="submit" ng-disabled="form.$invalid">Сохранить</button>
</form>
<!DOCTYPE html>
<html lang='en' ng-app='myApp'>
<head>
<meta charset="utf-8">
<title>Angular App</title>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.min.js'></script>
<script src='app/app.js'></script>
</head>
<body>
<ng-view></ng-view>
</body>
</html>
// describe interfate of engine
interface IEngine {
public function getAcceleration();
public function getPower();
}
// abstract implementation of engine
abstract class Engine implements IEngine {
/**
* Engine acceleration
*/
protected $_acceleration = 0;
/**
* Engine power (h/p)
*/
protected $_power = 0;
public function getAcceleration() {
return (int) $this->_acceleration;
}
public function getPower() {
return (int) $this->_power;
}
}
// extending from engine implementation
class V12 extends Engine{
protected $_acceleration = 0.0005;
protected $_power = 300;
}
// describe interface of the car
interface ICar {
public function setEngine(IEngine $engine);
public function accelerate();
}
// abstract implementation of engine
abstract class Car {
/**
* Engine of the car
* @var IEngine
*/
protected $_engine;
/**
* Speed of the car
* @var Float
*/
protected $_speed = 0;
public function setEngine(IEngine $engine){
$this->_engine = $engine;
}
public function accelerate() {
if( ! ($this->_engine instanceof IEngine)){
throw new Exception("Wrong type of engine");
}
$this->_speed += $this->_engine->getAcceleration();
}
}
class MyCar extends Car {
public function __construct(){
$this->setEngine(new V12());
}
}
$car = new MyCar();
$car->accelerate();
// в начале файла index.php шаблона
$document = JFactory::getDocument();
$title = sprintf(
"%s :: %s",
$this->params->get('title-name-from-xml'),
$document->getTitle()
);
$document->setTitle($title);
<!-- Этот тэг выводит заголовки, скрипты, стили и прочее -->
<jdoc:include type="head" />
<input type="date">
var shortLinks = Link.find().exec();
// ...
shortLinks.then(function(links){
// work with links
}, function(err){
// some error
});
<?php $sidebarModule = !!$this->countModules('sidebar'); ?>
<div class="container">
<div class="row">
<?php if ($sidebarModule) : ?>
<div class="col-md-4">
<jdoc:include type="modules" name="sidebar" />
</div>
<?php endif; ?>
<div class="col-md-<?php echo ($sidebarModule ? 8 : 12); ?>">
<jdoc:include type="component" />
</div>
</div>
</div>