'sorting_mode', // null by default as views can provide default sorting key // and will fallback to it if user hasn't change it 'default' => null, ], [ // The default sorting direction for the files list view 'key' => 'sorting_direction', 'default' => 'asc', 'allowed' => ['asc', 'desc'], ], [ // If the navigation entry for this view is expanded or not 'key' => 'expanded', 'default' => true, 'allowed' => [true, false], ], ]; protected ?IUser $user = null; public function __construct( protected IConfig $config, IUserSession $userSession, ) { $this->user = $userSession->getUser(); } /** * Get the list of all allowed user config keys * @return string[] */ public function getAllowedConfigKeys(): array { return array_map(function ($config) { return $config['key']; }, self::ALLOWED_CONFIGS); } /** * Get the list of allowed config values for a given key * * @param string $key a valid config key * @return array */ private function getAllowedConfigValues(string $key): array { foreach (self::ALLOWED_CONFIGS as $config) { if ($config['key'] === $key) { return $config['allowed'] ?? []; } } return []; } /** * Get the default config value for a given key * * @param string $key a valid config key * @return string|bool|null */ private function getDefaultConfigValue(string $key) { foreach (self::ALLOWED_CONFIGS as $config) { if ($config['key'] === $key) { return $config['default']; } } return ''; } /** * Set a user config * * @param string $view * @param string $key * @param string|bool $value * @throws \Exception * @throws \InvalidArgumentException */ public function setConfig(string $view, string $key, $value): void { if ($this->user === null) { throw new \Exception('No user logged in'); } if (!$view) { throw new \Exception('Unknown view'); } if (!in_array($key, $this->getAllowedConfigKeys())) { throw new \InvalidArgumentException('Unknown config key'); } if (!in_array($value, $this->getAllowedConfigValues($key)) && !empty($this->getAllowedConfigValues($key))) { throw new \InvalidArgumentException('Invalid config value'); } // Cast boolean values if (is_bool($this->getDefaultConfigValue($key))) { $value = $value === '1'; } $config = $this->getConfigs(); $config[$view][$key] = $value; $this->config->setUserValue($this->user->getUID(), Application::APP_ID, self::CONFIG_KEY, json_encode($config)); } /** * Get the current user configs array for a given view * * @return array */ public function getConfig(string $view): array { if ($this->user === null) { throw new \Exception('No user logged in'); } $userId = $this->user->getUID(); $configs = json_decode($this->config->getUserValue($userId, Application::APP_ID, self::CONFIG_KEY, '[]'), true); if (!isset($configs[$view])) { $configs[$view] = []; } // Extend undefined values with defaults return array_reduce(self::ALLOWED_CONFIGS, function ($carry, $config) use ($view, $configs) { $key = $config['key']; $carry[$key] = $configs[$view][$key] ?? $this->getDefaultConfigValue($key); return $carry; }, []); } /** * Get the current user configs array * * @return array */ public function getConfigs(): array { if ($this->user === null) { throw new \Exception('No user logged in'); } $userId = $this->user->getUID(); $configs = json_decode($this->config->getUserValue($userId, Application::APP_ID, self::CONFIG_KEY, '[]'), true); $views = array_keys($configs); return array_reduce($views, function ($carry, $view) use ($configs) { $carry[$view] = $this->getConfig($view); return $carry; }, []); } } alue='range'>range
path: root/demos/slider/range-vertical.html
blob: 0d75b8ae90c7427848557ed18b1c0e7e77317b5c (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>jQuery UI Slider - Vertical range slider</title>
	<link rel="stylesheet" href="../../themes/base/all.css">
	<link rel="stylesheet" href="../demos.css">
	<script src="../../external/requirejs/require.js"></script>
	<script src="../bootstrap.js">
		$( "#slider-range" ).slider({
			orientation: "vertical",
			range: true,
			values: [ 17, 67 ],
			slide: function( event, ui ) {
				$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
			}
		});
		$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
			" - $" + $( "#slider-range" ).slider( "values", 1 ) );
	</script>
</head>
<body>

<p>
	<label for="amount">Target sales goal (Millions):</label>
	<input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
</p>

<div id="slider-range" style="height:250px;"></div>

<div class="demo-description">
<p>Change the orientation of the range slider to vertical.  Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
</div>
</body>
</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-08-04 22:18:41 +0000